原文链接 学着 python,却不知不觉入了前端的坑,相比起 Django 的模板语法,Vue 实在太好用了,一接触就无法自拔。那么多好看的前端 UI 框架,简直是颜控必备啊。 之前一直用着 PyCharm 通过装 Vue.js 插件来写,但是不知道怎么使用 ESLint 校验,一格式化代码就乱,简直逼死强迫症 想起了万能的 VScode,一搜索相关内容,发现就连尤雨溪大大都在用。得知有个神器插件叫 Vetur ,之后装了一通乱七八糟的插件,发现 vscode 被我搞得非常难用!!! 找网上相关配置,各种推荐看的头晕眼花一贴到 vscode 里,就给种报错,或者压根就没效果。没办法,只能去读各个插件的官方文档,自己来配置吧。 本文使用到的插件: Vetur ESLint Prettier EditorConfig for VS Code Bracket Pair Colorizer 2 Live Server Better Comments Auto Close Tag Code Spell Checker 核心就是 Vetur+ESLint,其他的我觉得就是锦上添花的作用 快速配置 本文的配置是记录 Vue CLI 生成的项目,若不是,请自行处理依赖关系 打开 vscode 的插件安装,搜索上面的插件,一一安装 打开 vscode 的设置,键入以下代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 { // 保存时自动格式化代码 "editor.formatOnSave" : true , // eslint配置项,保存时自动修复错误 "editor.codeActionsOnSave" : { "source.fixAll" : true }, // 让vetur使用vs自带的js格式化工具,以便在函数前面加个空格 "vetur.format.defaultFormatter.js" : "vscode-typescript" , "javascript.format.semicolons" : "remove...