vscode 常用插件安装
|
名称 |
简述 |
|
Auto Close Tag |
自动闭合HTML标签 |
|
Auto Import |
import提示 |
|
Auto Rename Tag |
修改HTML标签时,自动修改匹配的标签 |
|
Airbnb react snippets |
react编码规范 |
|
AutoFileName |
自动补全文字名 |
|
Babel JavaScript |
babel插件,语法高亮 |
|
Babelrc |
.babelrc文件高亮提示 |
|
Beautify css/sass/scss/less |
css/sass/less格式化 |
|
Better Align |
对齐赋值符号和注释 |
|
Better Comments |
编写更加人性化的注释 |
|
Bookmarks |
添加行书签 |
|
Bracket Pair Colorizer |
用不同颜色高亮显示匹配的括号 |
|
Can I Use |
HTML5、CSS3、SVG的浏览器兼容性检查 |
|
Code Runner |
运行选中代码段（支持多数语言） |
|
Code Spell checker |
单词拼写检查 |
|
CodeBing |
快速打开Bing并搜索，可配置搜索引擎 |
|
Color Highlight |
颜色值在代码中高亮显示 |
|
Color Info |
小窗口显示颜色值，rgb,hsl,cmyk,hex等等 |
|
Color Picker |
拾色器 |
|
CSS-in-JS |
CSS-in-JS高亮提示和转换 |
|
Chinese (Simplified) Language Pack for Visual Studio Code |
载入中文语言包 |
|
Dash |
集成Dash |
|
Debugger for Chrome |
调试Chrome |
|
Document This |
注释文档生成 |
|
DotENV |
.env文件高亮 |
|
EditorConfig for VS Code |
EditorConfig插件 |
|
Emoji |
在代码中输入emoji |
|
endy |
将输入光标跳转到当前行最后面 |
|
ESLint |
ESLint插件，高亮提示 |
|
VS Code ES7 React/Redux/React- Native/JS snippets |
react全家桶 |
|
File Peek |
根据路径字符串，快速定位到文件 |
|
filesize |
状态栏显示当前文件大小 |
|
Find-jump |
快速跳转到指定单词位置 |
|
Font-awesome codes for html |
FontAwesome提示代码段 |
|
ftp-sync |
同步文件到ftp |
|
Git Blame |
在状态栏显示当前行的Git信息 |
|
Git History(git log) |
查看git log |
|
gitignore |
.gitignore文件语法 |
|
GitLens |
显示文件最近的commit和作者，显示当前行commit信息 |
|
Guides |
高亮缩进基准线 |
|
Gulp Snippets |
Gulp代码段 |
|
HTML CSS Class Completion |
CSS class提示 |
|
HTML CSS Support |
css提示（支持vue） |
|
HTMLHint |
HTML格式提示 |
|
htmltagwrap |
快捷包裹html标签 |
|
Import Beautify |
import分组、排序、格式化 |
|
Import Cost |
行内显示导入（import/require）的包的大小 |
|
Indenticator |
缩进高亮 |
|
IntelliSense for css class names |
css class输入提示 |
|
JavaScript (ES6) code snippets |
ES6语法代码段 |
|
JavaScript Standard Style |
Standard风格 |
|
JS Refactor |
代码重构工具，提取函数、变量重命名等等 |
|
JSON to TS |
JSON结构转化为typescript的interface |
|
JSON Tools |
格式化和压缩JSON |
|
jumpy |
快速跳转到指定单词位置 |
|
language-stylus |
Stylus语法高亮和提示 |
|
Less IntelliSense |
less变量与混合提示 |
|
Lodash |
Lodash代码段 |
|
Laravel goto view |
点击路径跳转 |
|
MochaSnippets |
Mocha代码段 |
|
markdownlint |
Markdown格式提示 |
|
minapp |
微信小程序标签、属性的智能补全（同时支持原生小程序、 mpvue 和 wepy 框架，并提供 snippets） |
|
Node modules resolve |
快速导航到Node模块 |
|
npm |
运行npm命令 |
|
npm Intellisense |
导入模块时，提示已安装模块名称 |
|
Output Colorizer |
彩色输出信息 |
|
Partial Diff |
Partial Diff |
|
Path Autocomplete |
路径完成提示 |
|
Path Intellisense |
另一个路径完成提示 |
|
Polacode |
将代码生成图片 |
|
PostCss Sorting |
css排序 |
|
Prettify JSON |
格式化JSON |
|
Project Manager |
快速切换项目 |
|
Quokka.js |
不需要手动运行，行内显示变量结果 |
|
React Native Storybooks |
storybook预览插件，支持react |
|
React Playground |
为编辑器提供一个react组件运行环境，方便调试 |
|
React Standard Style code snippets |
react standar风格代码块 |
|
REST Client |
发送REST风格的HTTP请求 |
|
Sass |
sass插件 |
|
Settings Sync |
VSCode设置同步到Gist |
|
Sort lines |
排序选中行 |
|
Sort Typescript Imports |
typescript的import排序 |
|
String Manipulation |
字符串转换处理（驼峰、大写开头、下划线等等） |
|
stylelint |
css/sass/less代码风格 |
|
SVG Viewer |
SVG查看器 |
|
TS/JS postfix completion |
ts/js后缀提示 |
|
TSLint |
TypeScript语法检查 |
|
Types auto installer |
自动安装@types声明依赖 |
|
TypeScript Hero |
TypeScript辅助插件，管理import、outline等等 |
|
TypeScript Import |
TS自动import |
|
TypeScript Import Sorter |
import整理排序 |
|
Typescript React code snippets |
React Typescript代码段 |
|
TypeSearch |
TS声明文件搜索 |
|
Version Lens |
package.json文件显示模块当前版本和最新版本 |
|
vetur |
目前比较好的Vue语法高亮 |
|
View Node Package |
快速打开选中模块的主页和代码仓库 |
|
VS Live Share |
实时多人协助 |
|
VSCode Great Icons |
文件图标拓展 |
|
vscode-database |
操作数据库，支持mysql和postgres |
|
vscode-icons |
文件图标，方便定位文件 |
|
vscode-random |
随机字符串生成器 |
|
vscode-spotify |
集成spotify，播放音乐 |
|
vscode-styled-components |
styled-components高亮支持 |
|
vscode-styled-jsx |
styled-jsx高亮支持 |
|
Vue TypeScript Snippets |
Vue Typescript代码段 |
|
VueHelper |
Vue2代码段（包括Vue2 api、vue-router2、vuex2） |
|
View In Browser |
浏览器中查看 |
|
Vetur-wepy |
添加对wepy框架的.wpy后缀支持 |
|
vscode wxml |
VSCode 提供 wxml 语法支持及代码片段
|
