一、统一 vsCode 开发环境
通过Settings Sync 插件统一vsCode的设置、安装插件
具体操作:vsCode 扩展
二、统一项目开发模版
EditorConfig: 用来抹平编辑器差异的,比如文件编码,锁进格式…
# 官网 http://editorconfig.org
## 打开文件时,EditorConfig 插件会在打开的文件的目录和每个父目录中查找名为 .editorconfig 的文件。
## 如果到达根文件路径或找到具有 root=true 的 EditorConfig 文件,将停止对 .editorconfig 文件的搜索。
## 如果 root=true 没有配置, EditorConfig 插件将会在工程之外寻找 .editorconfig 文件
## 使用规则匹配文件
## * 匹配任何字符串,路径分隔符 (/) 除外
## ** 匹配任意字符串
## ? 匹配任何单个字符
## [name] 匹配给定的字符串中的任何单个字符
## [!name] 匹配不在给定字符串中的任何单个字符
## {s1,s2,s3} 匹配任意给定的字符串
## {num1..num2} 匹配num1和num2之间的任何整数,其中num1和num2可以是正数或负数
## 如规则[*.{js}]只对 .js 文件生效。一般来说,我们配置 [*] 对所有文件生效。
## 启用该 editorconfig 配置
root = true
## 对所有文件生效
[*]
## 缩进方式。 值可以是 tab 或者 space
indent_style = space
## 缩进大小。当设置为 tab 时,会取 tab_width 的值,用两个空格代替制表符tab
indent_size = 2
## 设置为 lf、cr 或 crlf 以控制如何表示换行符
end_of_line = lf
## 设置文件编码为 UTF-8
charset = utf-8
## 设置为 true 以删除换行符之前的任何空格字符,设置为 false 以确保不会
trim_trailing_whitespace = true
## 设置为 true 以确保文件在保存时以换行符结束,设置为 false 以确保不以换行符结束
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
[Makefile]
indent_style = tab
Eslint: 一款插件化的 JavaScript 代码静态检查工具
Prettier: 只关注代码格式
eslint 也有代码格式校验,为啥还要用Prettier?
答: 之前eslint不支持autoFix, 二是两个的规则并不完全相同,当下只用eslint做代码格式校验,加上autoFix,基本也够用
参考: 使用这些配置规范并格式化你的代码