打开默认的json配置 ctrl+shift+p输入默认设置。

Code Runner

右键选择run code 可以立马在控制台执行当前js文件
在这里插入图片描述

Error Lens

报错友好
在这里插入图片描述

bracket Pair Colorizer 2

code runner

EditorCofig for vs code 让不同的开发工具,开发同一个项目,做一个代码风格统一的插件

.editorconfig文件,这个是从编辑器层面物理设置代码风格
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 4
end_of_line = lf
insert_final_newline = true

gitlens

可以看到谁提交的代码

eslint

代码校验,可以配合提交代码进行代码校验,然后也可以配合eslint的vscode插件,在开发中就可以看到。

ESLint Chinese Rules

eslint中文提示

Prettier - Code formatter

代码格式化,可以设置保存时,格式化代码,在ctrl+shift+p中输入format,选择当前文件格式的格式化插件为prettier,可以和eslint配合使用,如链接所示Install · Prettier 中文网,

vetur

因为prettier格式化vue文件比较丑,所以用vetur格式化

Project Manager

多个项目切换项目代码

Waka Time

WakaTime是一个开源的VS代码插件,用于在编程活动中自动统计工作量、代码提交和时间跟踪等,并能为我们定期提供各种高质量的工作统计图表。

Auto Close Tag

Auto Rename Tag

Import Cost

导入的文件,显示它的内存

Better comments

注释代码

Highlight Matching Tag

高亮双标签

Colorize

css代码的颜色显示出来

VSCode-icons

主题文件的icon图标显示

Path Intellisense

导入,写文件路径时,给出提示。

Image preview

html中img文件预览照片内容

Chinese (Simplified) (简体中文) Language

中文设置
ctrl+shift+p,输入language需要设置中文才有效
settings.json内的属性,鼠标悬空可以看到中文解释

Highlight Matching Tag

光标选中一个标签,他会自动匹配对应的标签高亮。

VS Code Counter

统计代码
language files code comment blank total
TypeScript JSX 33 10,817 585 425 11,827
TypeScript 5 1,693 15 16 1,724
Less 13 951 43 33 1,027
vue 1 17 0 2 19

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐