自用 vscode 插件

1. EditorConfig for VS Code

editorconfig 用来定义编辑器的编码格式规范,编辑器的行为会与 .editorconfig 文件中定义的一致,并且其优先级比编辑器自身的设置要高。
简单说明:在项目根目录下创建 .editorconfi 文件,然后设置好内容,则其他人更新后同步到本地,你们的代码规范就会保持一致。
我的 .editorconfi 文件内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
root = true                         # 根目录的配置文件,编辑器会由当前目录向上查找,如果找到`roor = true` 的文件,则不再查找

[*]
indent_style = space # 空格缩进,可选"space""tab"
indent_size = 2 # 缩进空格为2
end_of_line = lf # 结尾换行符,可选"lf""cr""crlf"
charset = utf-8 # 文件编码是 utf-8
trim_trailing_whitespace = true # 不保留行末的空格
insert_final_newline = true # 文件末尾添加一个空行
curly_bracket_next_line = false # 大括号不另起一行
spaces_around_operators = true # 运算符两遍都有空格
indent_brace_style = 1tbs # 条件语句格式是 1tbs

[*.js] # 对所有的 js 文件生效
quote_type = single # 字符串使用单引号

[*.{html,less,css,json}] # 对所有 html, less, css, json 文件生效
quote_type = double # 字符串使用双引号

[package.json] # 对 package.json 生效
indent_size = 2 # 使用2个空格缩进

2. 图标预览插件 Iconify IntelliSense

代码里的图标在写下的瞬间,就能直接转化为对应的图标在代码编辑器里面显示出来。
images

3. Code Spell Checker

谁能保证没有拼写错误呢,有时候一个字母的错误让你找寻半天无解,使用此插件,即可将你的拼写错误直接展现出来。
images