ESlint+VSCode自动格式化

在Vue.js项目中,使用的是eslint检查。每次写代码一不注意就会引起报错,项目运行不了,提示错误信息。

在vscode里只要安装ESlint插件,写完代码保存之后根据ESlint语法要求自动格式化。

1,去应用商店----下载eslint插件

2,配置用户设置setting.json

 File -> Preference -> Settings(如果装了中文插件包应该是 文件 -> 选项 -> 用户),点击 Edit in setting.json

"editor.codeActionsOnSave": {
     "source.fixAll.eslint": true,
 },

配置完之后,VSCode 会根据你当前 Vue 项目下的 .eslintrc.js 文件的规则来验证和格式化代码。

PS:自动格式化代码在保存时自动触发,目前试了 TS 和 JS 以及 vue 文件中的 JS 代码都没问题,html 和 vue 中的 html 和 css 无效。

参考:https://zhuanlan.zhihu.com/p/94175872

   https://www.cnblogs.com/mingjian/p/9361027.html

   https://www.cnblogs.com/why-not-try/p/8067559.html

   https://www.cnblogs.com/zhouyuan666/p/13054096.html

原文地址:https://www.cnblogs.com/yizhilin/p/13054161.html