针对vscode前端协同eslint、stylelint、prettier工作

针对vscode前端协同eslint、stylelint、prettier工作

1. vscode添加eslint、stylelint、prettier插件

2. 

3. 在vscode的settigns.json文件里包含如下配置

   "editor.codeActionsOnSave": {
       "source.fixAll.stylelint": "explicit", // 修复代码
       "source.fixAll.eslint": "explicit", // 修复代码
     },
   "eslint.probe": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
   "stylelint.validate": ["css", "scss", "less", "postcss", "sass"],
   // 设置vscode默认格式化代码插件
   "editor.defaultFormatter": "esbenp.prettier-vscode", 
    "[javascript]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
     },
     "[javascriptreact]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
     },
     "[typescript]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
     },
     "[typescriptreact]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
     },
     "[css]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
     },
     "[less]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
     },
     "[scss]": {
       "editor.defaultFormatter": "esbenp.prettier-vscode",
     },
     // 120这个值和项目里.prettierrc.js配置文件对应
   "prettier.printWidth": 120,