对vue框架进行学习,特将项目的一些配置做了整理,当做笔记,如有不对的地方希望提出,并希望能帮助到其他人。
1、.editorconfig
统一编辑器的处理规则,以免多人项目习惯不同导致不同的基本代码规范不同。
实例解析:
root = true
[*]
charset = utf-8 //字符编码格式
indent_style = space //缩进风格,space表示基于空格做缩进
indent_size = 2 //缩进大小,2表示缩进2个单位
end_of_line = lf //换行符风格,lf表示linux和Mac换行风格
insert_final_newline = true //当创建文件时是否自动在文件末尾添加一个新行,true表示自动添加
trim_trailing_whitespace = true //是否自动移除行尾多余空格,true表示自动移除
2、.babelrc
es6特性浏览器还没有全部支持,但是使用es6是大势所趋,所以babel应运而生,用来将es6代码转换成浏览器能够识别的代码。
.babelrc配置文件主要还是以presets和plugins组成,通过和webpack配合进行使用
3、.postcssrc.js
为了兼容所有浏览器,有的CSS属性需要对不同的浏览器加上前缀,添加一条属性,需要添加3~4条类似的属性,这不仅会增加许多的工作量,还会使得你的思路被打断。
AutoPrefixer-- 处理CSS前缀问题的神器,很好的解决了这一问题。
Autoprefixer是一个后处理程序,你可以同Sass,Stylus或LESS等预处理器共通使用。它适用于普通的CSS,而你无需关心要为哪些浏览器加前缀,只需全心关注于实现,并使用W3C最新的规范。
4、eslintrc.js
eslint是用来管理和检测js代码风格的工具,可以和编辑器搭配使用。
5、.eslintignore
忽略哪些文件的语法检查。
build/*.js //表示忽略build目录下类型为js的文件的语法检查
config/*.js //表示忽略config目录下类型为js的文件语法检查
6、gitignore
忽略Git中不想提交的文件。
在项目的某个文件夹下定义 .gitignore 文件,在该文件中定义相应的忽略规则,来管理当前文件夹下的文件的Git提交行为。
.gitignore只能忽略那些原来没有被track的文件,如果某些文件已经被纳入了版本管理中,则修改.gitignore是无效的。
解决方法就是先把本地缓存删除(改变成未track状态),然后再提交。