文章已同步至掘金:https://juejin.cn/post/6844903918346977293
欢迎访问😃,有任何问题都可留言评论哦~
让你 VS Code 编辑器 与众不同
有关VSCode快捷键大全,请参考我的文章《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 Packfor 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 calss提示 |
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 | 点击路径跳转 |
Live Server | 实时预览,修改效果同步到浏览器,不用手动刷新 |
MochaSnippets | Mocha代码段 |
markdownlint | Markdown格式提示 |
minapp | 微信小程序标签、属性的智能补全,同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets) |
Node modules resolve | 快速导航到Node模块 |
npm | 运行npm命令 |
npm Intellisense | 导入模块时,提示已安装模块名称 |
Output Colorizer | 彩色输出信息 |
Partial Dif | Partial Dif |
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语法检查 |
TODO Highlight | 在代码处做标记,方便以后快速定位到代码行 |
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 语法支持及代码片段 |
Wallaby.js | 实时测试插件 |
wpy-beautify | 格式化(.wpy/.vue)文件 |
dart | Flutter开发核心插件,该插件包含用于在不同数据表示之间转换的编码器和解码器 |
flutter | Flutter语法提示高亮 |
vscode-icons | 好看的文本图标 |
Nunjucks、Nunjucks Snippets、Nunjucks Template Formatter | NJK模板格式化插件 |
Power Mode | 撸代码时炫酷特效 |
Prettier | 比Beautify更好用的代码格式化插件 |
Turbo Console Log | 快捷添加 console.log,一键 注释 / 启用 / 删除 所有 console.log,ctrl + alt + l 选中变量之后,使用这个快捷键生成 console.log,alt + shift + c 注释所有 console.log,alt + shift + u 启用所有 console.log,alt + shift + d 删除所有 console.log |
css-auto-prefix | 比Beautify更好用的代码格式化插件 |
change-case | 转换命名风格 |
vscode-json | 处理 JSON 文件 |
Regex Previewer | 实时预览正则表达式的效果 |
Error Lens | 代码检查(错误、警告、语法问题)进行突出显示 |
local history | 找回历史代码 |
Settings Sync | 在不同电脑间同步你的插件 |
评论区