信息安全工程师（76）网络安全应急响应技术原理与应用

一、插件介绍

ES7+ React / Redux / React-Native snippets v4.4.3

如图，在VSCode的插件商店里搜索该插件进行安装。

安装完插件以后，就可以通过简写指令生成一些代码片段了。具体有哪些简短指令，大家可以自己查看，这里举两个示例，代码如下：

rnc

import { Text, View } from 'react-native';
import React, { Component } from 'react';

export default class Demo1 extends Component {
  render() {
    return (
      <View>
        <Text>Demo1</Text>
      </View>
    );
  }
}

rnf

import {View, Text} from 'react-native'
import React from 'react'

export default function Demo2() {
  return (
    <View>
      <Text>Demo2</Text>
    </View>
  )
}

二、插件问题

在使用简短指令生成代码片段的时候，发现生成的代码都没有在结尾的地方添加分号。这个可能不是一个问题，插件作者就没想添加分号，毕竟更新了很多次版本了。默认项目的eslint检查是打开的，我们需要怎么修改才会去掉“~”呢？首先，我们需要修改项目中的eslintrc.js文件，添加如下代码：

rules: {
    'semi': 0,
   },

通过如上设置就不会有需要添加分号的提示了。除此之外，在我们格式化代码的配置文件里也要添加相关配置，不然格式化代码的时候还是会添加分号。.prettierrc.js文件添加如下代码：

semi: false,

这样就解决了关于分号的提示问题。