码迷,mamicode.com
首页 > 其他好文 > 详细

vscode中eslint插件的配置

时间:2018-12-09 16:27:14      阅读:335      评论:0      收藏:0      [点我收藏+]

标签:bubuko   保存   构建   tin   class   htm   ret   设置   文件   

用vue-cli构建vue项目,会有个eslint代码检测的安装

可vscode自带代码格式化是prettier格式(右键有格式化文件或alt+shift+f)

这时候要在vscode上装一个eslint插件

技术分享图片

装完后在文件-----》首选项-------》设置里找到settings.json(快捷键忘了)

技术分享图片

 

 eslint配置如下,(配置的·具体详情还有待研究,我也是网上copy的,不过亲测可用)。保存配置后每次写.vue文件只要control+s保存,就可以把代码格式改成符合eslint标准

"eslint.autoFixOnSave": true,
// 专门写Vue的eslint配置
"eslint.validate": [
    "javascript",
    "javascriptreact",
    { "language": "html", "autoFix": true },
    { "language": "vue", "autoFix": true }
]

 

vscode中eslint插件的配置

标签:bubuko   保存   构建   tin   class   htm   ret   设置   文件   

原文地址:https://www.cnblogs.com/zhaozhaoli/p/10090960.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!