一、插件介绍
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,这样就解决了关于分号的提示问题。
