工具:Eslint+Prettier+gitHook工具(husky)
Eslint使用步骤:
以vue2项目为例,在使用vue-cli脚手架创建vue2项目时,会有一个是否配置eslint的选项,在此勾选住就可以了~我们可以在.eslintrc.js中配置我们在开发过程中需要应用的代码规范,如果不遵循该规范,在实际开发过程中就会强制报错。(配置详情www.eslint.org)
Prettier工具使用步骤:
他是一个代码格式化工具,可以在vscode中直接安装这个插件。在保存时自动工作来提升代码规范度。
如何配合使用:
1.新建prettierrc文件。以json字符串的形式书写里面的配置 (具体文件可以参考官网)
2.修改vscode的基本配置,
操作方法是:在vscode 设置里面搜索save
如果设置了多个规范软件,可以通过在代码页面右击,选择“使用…格式化文件”