vue框架的配置文件简介

对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前缀问题的神器,很好的解决了这一问题。

4、eslintrc.js

eslint是用来管理和检测js代码风格的工具,可以和编辑器搭配使用。

5、.eslintignore

忽略哪些文件的语法检查。

build/*.js //表示忽略build目录下类型为js的文件的语法检查

config/*.js //表示忽略config目录下类型为js的文件语法检查

6、gitignore

忽略Git中不想提交的文件。

在项目的某个文件夹下定义 .gitignore 文件,在该文件中定义相应的忽略规则,来管理当前文件夹下的文件的Git提交行为。

.gitignore只能忽略那些原来没有被track的文件,如果某些文件已经被纳入了版本管理中,则修改.gitignore是无效的。

解决方法就是先把本地缓存删除(改变成未track状态),然后再提交。

经验分享 程序员 微信小程序 职场和发展