为了实现使用 VSCode 开发 vue 项目时, 使用 ESLint, 并在保存文件的时候自动解决格式问题, 步骤如下:
如果项目中还没有安装 ESLint, 则先按照 Vue 的文档添加 ESLint 插件.
然后 在 VSCode 中,
设置 > 扩展 > ESLint
选中 ESLint: Auto Fix On Save
image.PNG
修改 ESLint: Run, 把 onType 改成 onSave. 不然打字的时候就会有黄色的波浪线警告, 没必要.
image.PNG
点击 "在 settings.json 中编辑"", 添加:
- "eslint.validate": [
- "javascript",
- "javascriptreact",
- {
- "language": "html",
- "autoFix": true
- },
- {
- "language": "vue",
- "autoFix": true
- }
- ]
其实第 2,3 步相当于在 settings.JSON 中添加:
- "eslint.autoFixOnSave": true,
- "eslint.run": "onSave",
来源: http://www.jianshu.com/p/82a459e8113e