vscode 插件设置

VS Code 安装插件
prettier
Beautify

vscode 首选项 --> 设置
"editor.detectIndentation": false,
"prettier.singleQuote": true, // 避免右键格式化文件自动把单引号转成双引号
"prettier.semi": false, // 避免右键格式化文件自动加分号
"prettier.tabWidth": 4, // 右键格式化文件时的缩进字符个数
"vetur.format.defaultFormatter.html": "js-beautify-html" // 设置右键格式化代码规则

• vue文件格式化

"vetur.format.defaultFormatterOptions": {
        "prettier": {
          "semi": false, //  避免右键格式化文件自动加分号
          "singleQuote": true //避免右键格式化文件自动把单引号转成双引号
    },

editorconfig
配置编辑器
indent_size = 4 # tab 设置为 4 个空格

ESLint增加规则：
"indent": ["error", 4] // 设置缩进为4个空格
"semi": 0 // 不检查分号
"space-before-function-paren": 0 // 关闭函数括号前的空格验证
"operator-linebreak": [2, 'after'] // 强制操作符使用一致的换行符

• eslint

eslint --init

如果出现error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style
在.eslintrc.js文件中
rules:

 "linebreak-style": [
            0,
            "error",
            "windows"
        ]