51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

vscode插件

自用 vscode 插件

  1. EditorConfig for VS Code {#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个空格缩进 |


  1. 图标预览插件 Iconify IntelliSense {#2-图标预览插件-Iconify-IntelliSense}

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

  1. Code Spell Checker {#3-Code-Spell-Checker}

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

赞(0)
未经允许不得转载:工具盒子 » vscode插件