前言
以前公司的vue项目只是我一个人在写,代码风格统一,但是后来随着团队增加,统一的代码风格就越来越重要。我的主力工具是sublime,ws辅助,vscode基本很少使用(就下载安装放在冷宫),但是听说用来写vue项目还不错,就开启了一番折腾。当然工具么,没有谁好谁坏了~~ 不盲目站队,适合自己的就是最好的。
目标是:Eslint
校验代码语法,prettier
统一格式化代码,按下保存自动修复eslint错误,自动格式化代码(因为懒~)
安装vscode插件
首先,需要安装 Vetur
、ESLint
、Prettier - Code formatter
这三个插件,安装完重启下,防止插件不生效。
另外这里有个坑, Beautify
插件会占用格式化代码的快捷键,因此会和prettier
产生冲突,所以直接禁用掉。
vscode插件配置
打开vscode工具的设置(快捷键 Ctrl
+ ,
)里面有两个设置。
一个是 USER SETTINGS(用户设置)也就是全局配置,其他项目也会应用这个配置。
另一个是WORKSPACE SETTINGS(工作区设置)也就是项目配置,会在当前项目的根路径里创建一个.vscode/settings.json
文件,然后配置只在当前项目生效。