前端统一开发环境

一、统一 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，基本也够用

参考： 使用这些配置规范并格式化你的代码