vscode+eslint项目规范化,自动格式化配置(项目中用到的)
项目如果没有格式化插件就会变得十分拥挤,并且因为个人的开发习惯不同,会导致多人配合的时候,某些人的格式不能与你的兼容 导致项目大面积冲突,这样一来统一的格式和开发规范就十分必要了。
1.下载使用vscode,并且安装eslint插件
如何下载vscode我这里就不提了,注意是安装eslint插件
图1
搜索并且安装,然后
图2
搜索并且安装,然后
图3
然后点击扩展,找到eslint
图4
图5
将图4,图5中的选项勾选上去.这样eslint的自动格式化就配置好了,但是想要使用需要将eslint设置为默认格式方式,如图6,图7。
这是很重要 得配
这个在项目右键出现的
图6
图7
2.取消其他格式化设置
图8
图8中是vetur,因为我个人是用vue的,所以需要取消这个插件的那两个配置,现在是prettier,要将其变为none。否则会出现格式化冲突,导致vscode卡顿,内存占用过高的问题。
vscode会自动读取项目内package.js的配置,所以如果有什么eslint相关需要配置的东西,只需要在项目文件中的rulies里进行配置就可以了。
注意:如果eslint使用了prettier规范的话,一定要配置prettier.config.js并添加下面的配置,如果不配置会导致项目初始页面一直报错。
本博客主要记录自己的学习点滴~,文章来源于总结,还有在工作中实际碰到的问题以记录。