VScode插件推荐

原创 Lin_Grady 教程 框架/库 26阅读 5 天前 举报

代码高亮

Art Template Helper

支持Art template highlight

Babel JavaScript

JavaScript语法高亮显示ES201x, React JSX, Flow和GraphQL。

Color Highlight

展示扩展样式css/web颜色。

DotENV

高亮显示支持环境(.env)文件

Protobuf support

Protobuf 高亮

视觉效果

Power Mode

能够装大神的炫酷插件

Close HTML/XML tag

这个扩展允许用颜色来标识匹配的括号。用户可以定义匹配哪些字符,使用哪些颜色。

Import Cost

查看引入模块体积

Output Colorizer

为输出/调试/扩展面板和*.log文件添加了语法着色。

vscode-icons

icons美化

格式化

Beautify

在Visual Studio代码中美化javascript、JSON、CSS、Sass和HTML。

Better Comments

更好的Comments扩展将帮助您在代码中创建更友好的注释。

Bracket Pair Colorizer

这个扩展允许用颜色来标识匹配的括号。用户可以定义匹配哪些字符,使用哪些颜色。

语法提示

ES7 React/Redux/GraphQL/React-Native snippets

语法简写

HTML Snippets

标签语法简写

IntelliSense for CSS class names in HTML

类名提示

htmltagwrap

包裹html的标签简写

JavaScript Booster

显示可优化建议

Npm Intellisense

Visual Studio代码插件,自动完成导入语句中的npm模块。

工具

Color Picker

帮助与GUI生成颜色代码,如CSS颜色符号。

并且,一个命令转换颜色来改变颜色符号。

Document This

它自动为TypeScript和JavaScript文件生成详细的JSDoc注释。

Partial Diff

比对选中的代码

Code Runner

终端运行选中代码

CSS Peek

从类名或ID找到定义样式片段

Debugger for Chrome

在谷歌Chrome浏览器中调试JavaScript代码的VS代码扩展,或者支持Chrome DevTools协议的其他目标。

JS & CSS Minifier

简单压缩ES5/ES6/ES7/ES8 and CSS

Live Server

启动本地服务器

node-readme

打开指定模块的readme文件

Project Manager

项目管理

TabOut

跳出符号等

Git History

查看和搜索git日志以及图表和详细信息。

查看文件的前一个副本。

查看和搜索历史

查看一个或所有分支的历史(git日志)

查看文件的历史

查看文件中的行历史(Git fault)。

查看作者的历史

比较分支

跨提交比较文件

挑选提交

重新提交

从提交创建分支

在treeview中查看提交信息(所有更改的快照)

合并和变基

打开该文件以查看历史记录

Git History Diff

git历史。查看提交的细节。查看已提交文件的差异。

GitLens — Git supercharged

GitLens增强了Visual Studio代码中内置的Git功能。它帮助您通过Git blame注释和代码镜头直观地查看代码作者,无缝地导航和探索Git存储库,通过强大的比较命令获得有价值的见解,等等。

配置

EditorConfig for VS Code

用项目的.editorconfig文件中的设置覆盖编辑器默认设置

ESLint

扩展使用安装在打开的工作区文件夹中的ESLint库。如果文件夹不提供,扩展名将寻找全局安装版本。

在新的文件夹上,您可能还需要创建.eslintrc配置文件。

stylelint

校验CSS/SCSS/LESS

Settings Sync

保存配置

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复