一.editorconfig 是EditorConfig的配置文件。
EditorConfig是为了帮助开发人员维护不同的编辑器和ide之间的代码样式风格的统一性。不同的开发人员,不同的编辑器,有不同的编码风格,而EditorConfig就是用来协同团队开发人员之间的代码的风格及样式规范化的一个工具,而.editorconfig正是它的默认配置文件。官网: https://editorconfig.org
一些编辑器因为已经内置了editorconfig,所以不需要再安装。但是有些没有内置,需要安装插件。此处以vsCode为例。
需要安装EditorConfig for VS Code 插件
然后在根目录下创建 .editorconfig 文件,
1.如果是windows用户,如果无法创建.editorconfig文件,则需要先创建.editorconfig.文件,系统会自动重命名成.editorconfig文件。
2、EditorConfig的匹配规则是从上往下,即先定义的规则优先级比后定义的优先级要高。
告诉EditorConfig插件,这是根文件,不用继续往上查找
root = true
匹配全部文件
[]
结尾换行符,可选"lf"、"cr"、"crlf"
end_of_line = lf
在文件结尾插入新行
insert_final_newline = true
删除一行中的前后空格
trim_trailing_whitespace = true
匹配js和py结尾的文件
[.{js,py}]
设置字符集
charset = utf-8
匹配py结尾的文件
[.py]
缩进风格,可选"space"、"tab"
indent_style = space
缩进的空格数
indent_size = 4
以下匹配,类同
[Makefile]
indent_style = tab
tab的宽度
tab_width = 4
以下匹配,类同
[lib/*.js]
indent_style = space
indent_size = 2
[{package.json,.travis.yml}]
indent_style = space
indent_size = 2
二.postcssrc.js
添加浏览器私缀(私缀是上世纪90年代浏览器大战的产物,也是现在新型浏览器支持某些新API,而其它浏览器不支持的证明!)
vue 的常用配置
npm install postcss-import postcss-url autoprefixer --save-dev
// https://github.com/michael-ciniawsky/postcss-load-config
module.exports = {
"plugins": {
"postcss-import": {},
"postcss-url": {},
// 编辑目标浏览器:使用package.json中的“browserslist”字段
"autoprefixer": {}
}
}