使用prettier和eslint对代码进行规范

使用prettier和eslint对代码进行规范

步骤一：通过vscode下载插件prettier

步骤二：在根目录下增加.prettierrc

{
  
    "semi": false,  // 不尾随分号
    "singleQuote": true,//使用单引号
    "trailingComma": "none"//多行逗号分割的语法中，最后一行不加逗号
}

• 记住里面的注释删除

步骤三：修改vscode的配置

• 打开设置搜素save—勾选–图中的红色的地方就可以
• 接着搜素emmet.include
• 添加两个值

     "editor.formatOnType": true, 
     "editor.formatOnSave": true 

• 这样保存后会自己会格式化代码
• 这样其实还是不够的vscode默认一个tab是4个空格，而eslint希望是2个空格所以修改配置就行
• 

eslint和prettier本身还是有一点点的差异，如果还报错，可以在.eslintrc.js文件里的rules里添加规则就可以完成了