codevs代码格式化排版_VisualStudioCode前端代码格式化⽬的：使⽤vscode并安装eslint插件，项⽬成员统⼀代码规范，代码统⼀⾃动修复、统⼀格式化排版；
插件： (请安装以下3款插件)
关于ESLint配置：(请配置以下内容)
1：全局安装eslint
npm install -g eslint
2: 打开vscode 点击 “⽂件”-----》“⾸选项”----》“设置”，在右侧“⽤户设置/settings.json”⾥加⼊⼀下配置：{
// "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\",
"terminal.integrated.shell.windows": "C:\\Windows\\System32\\",
"Level": 1,
"deEnv": "",
"editor.tabSize": 2,
//使⽤eslint规则重新格式化代码
//关闭⾃动⽂件⾃动存储
"deActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.run": "onType",
"eslint.options": {
"extensions": [".js",".vue"]
},
"eslint.validate": [
"javascriptreact",
"vue",
"javascript",
"html"
],
"able": true,
"deAction.showDocumentation": {
"enable": true
},
"eslint.workingDirectories":[{"mode": "auto"}]
}
root: true,
parserOptions: {
parser: 'babel-eslint',
sourceType: 'module'
},
env: {
browser: true,
node: true,
es6: true
},
extends: ['plugin:vue/recommended', 'eslint:recommended'], // add your custom rules here
rules: {
'vue/max-attributes-per-line': [
2,
{
singleline: 10,
multiline: {
max: 1,
allowFirstLine: false
}
}
]
,
'vue/html-self-closing': [
'error',
{
html: {
void: 'any',
normal: 'any',
component: 'any'
},
svg: 'any',
math: 'any'
'vue/singleline-html-element-content-newline': 'off',
'vue/multiline-html-element-content-newline': 'off',
'vue/name-property-casing': ['error', 'PascalCase'],
'accessor-pairs': 2, //在对象中使⽤getter/setter
'arrow-spacing': [
2,
{
before: true,
after: true
}
], //=>的前/后括号
'block-spacing': [2, 'always'], //块是否需要空格
// if while function 后⾯的{必须与if在同⼀⾏，java风格。
'brace-style': [
2,
'1tbs',
{
allowSingleLine: true
}
],
//强制驼峰法命名
camelcase: [
0,
{
properties: 'always'
}
],
// 数组和对象键值对最后⼀个逗号， never参数：不能带末尾的逗号, always参数：必须带末尾的逗号，// always-multiline：多⾏模式必须带逗号，单⾏模式不能带逗号
'comma-dangle': [2, 'never'],
// 控制逗号前后的空格
'comma-spacing': [
before: false,
after: true
}
],
'comma-style': [2, 'last'], // 控制逗号在⾏尾出现还是在⾏⾸出现
// 强制在⼦类构造函数中⽤super()调⽤⽗类构造函数，TypeScrip的编译器也会提⽰'constructor-super': 2,
// 强制object.key 中 . 的位置，参数:
// property，'.'号应与属性在同⼀⾏
// object, '.' 号应与对象名在同⼀⾏
'dot-location': [2, 'property'],
'eol-last': 2, // ⽂件末尾强制换⾏
eqeqeq: [2, 'allow-null'], // 使⽤ === 替代 ==
'generator-star-spacing': 0, //⽣成器函数*的前后空格
'handle-callback-err': 0, //nodejs 处理错误
indent: [
2,
2,
{
//缩进风格
SwitchCase: 1
}
],
// JSX 属性中⼀致使⽤双引号或单引号
'jsx-quotes': [2, 'prefer-single'],
/
/对象字⾯量中冒号的前后空格
'key-spacing': [
2,
{
beforeColon: false,
afterColon: true
}
'keyword-spacing': [
2,
{
before: true,
after: true
}
],
//函数名⾸⾏⼤写必须使⽤new⽅式调⽤，⾸⾏⼩写必须⽤不带new⽅式调⽤'new-cap': [
2,
{
newIsCap: true,
capIsNew: false
}
],
'new-parens': 2, //new时必须加⼩括号
'no-array-constructor': 2, //禁⽌使⽤数组构造器
'no-caller': 2, //禁⽌使⽤arguments.caller或arguments.callee
'no-console': 0, //禁⽌使⽤console
'no-class-assign': 2, //禁⽌给类赋值
'no-cond-assign': 2, //禁⽌在条件表达式中使⽤赋值语句
'no-const-assign': 2, //禁⽌修改const声明的变量
'no-control-regex': 0, //禁⽌在正则表达式中使⽤控制字符
'no-delete-var': 2, //不能对var声明的变量使⽤delete操作符
'no-dupe-args': 2, //函数参数不能重复
'no-dupe-class-members': 2, //不允许类中出现重复的声明
'no-dupe-keys': 2, //在创建对象字⾯量时不允许键重复 {a:1,a:1}
'no-duplicate-case': 2, //switch中的case标签不能重复
visual studio和vs code的区别
'no-empty-character-class': 0, //正则表达式中的[]内容不能为空
'no-empty-pattern': 0,
'no-eval': 0, //禁⽌使⽤eval
'no-ex-assign': 2, //禁⽌给catch语句中的异常参数赋值
'no-extend-native': 2, //禁⽌扩展native对象

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。