明霞山资源网 Design By www.htccd.com
最近新建一个vue-cli4的项目,初始化的时候没开启eslint,后面想开启的时候不好配置,这里就做个开启eslint和保存时自动修复格式的总结
vscode首先安装eslint插件
配置vscode的自动保存eslint格式
Ctrl+shift+p
把下面代码复制到里面
"editor.tabSize": 2,
"eslint.alwaysShowStatus": true,
"eslint.autoFixOnSave": true,
"eslint.packageManager": "yarn",
"eslint.validate": [
"javascript", // 用eslint的规则检测js文件
{
"language": "js",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
},
],
"eslint.options": {
"extensions": [
".js",
".vue"
]
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.run": "onSave",
"files.autoSaveDelay": 3000,
"eslint.codeAction.disableRuleComment": {
},
"files.autoSave": "off",
项目中安装eslint
在package.json文件中的devDependencies里面添加
"@vue/cli-plugin-eslint": "~4.4.0", "babel-eslint": "^10.1.0", "eslint": "^6.7.2", "eslint-plugin-vue": "^6.2.2",
vue.config.js文件里面lintOnSave改成"warning"
根目录添加eslint配置文件
.eslintrc.js
内容根据需要修改
module.exports = {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/recommended",
"eslint:recommended"
],
"rules": {
"indent": ["error", 2],
"dot-location": [
2,
"property"
],
"comma-spacing": [1],
"space-before-blocks": [
2,
"always"
], // 强制在块之前使用一致的空格
"space-unary-ops": [
2,
{
"words": true,
"nonwords": false
}
], // 强制在一元操作符前后使用一致的空格
"array-bracket-spacing": [
2,
"never"
], // 强制数组方括号中使用一致的空格
"quotes": [
0,
"double"
], // 强制使用一致的反勾号、双引号或单引号
"arrow-spacing": [
2,
{
"before": true,
"after": true
}
],
"vue/max-attributes-per-line":0,
"no-var": 2, //禁用var,用let和const代替
"no-mixed-spaces-and-tabs": 2, // 禁止空格和 tab 的混合缩进
"no-trailing-spaces": 1, // 禁用行尾空格
"no-unexpected-multiline": 2, // 禁止出现令人困惑的多行表达式
"no-unused-vars": [
2,
{
"vars": "all",
"args": "none"
}
], // 禁止出现未使用过的变量
"vue/html-indent": [
0,
"tab"
],
"vue/html-self-closing": [0],
"vue/multiline-html-element-content-newline": [0],
"vue/singleline-html-element-content-newline":[0],
"vue/html-closing-bracket-newline":[0],
"vue/no-v-html": [0]
},
"parserOptions": {
"parser": "babel-eslint"
}
}
明霞山资源网 Design By www.htccd.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
明霞山资源网 Design By www.htccd.com
暂无评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。


