vscode 插件
插件推荐
翻译(英汉词典)
codeinchinese.englishchinesedictionary
本地含有 77 万词条英汉词典，不依赖任何在线翻译 API，无查询次数限制。可翻译驼峰和下划线命名能整个文件中的标识符批量翻译。
点击状态栏显示更全信息。当选中单词时，详细信息包括词形变化；当选中驼峰或下划线命名时，详细信息包括所有单词的释义，不包括各词的词形变化。
supperchong.algorithmsupperchong.algorithm- any-rule
russell.any-rule
能快捷的调出常用的正则表达式 - Auto Close Tag
formulahendry.auto-close-tag
用于标签的自动闭合
- Auto Import
steoates.autoimport
在使用 Typescript 和 TSX 时能够自动查找、解析并提供所有可用导入的代码操作。 - Auto Rename Tag
formulahendry.auto-rename-tag
能够自动修改与之匹配的标签名称 - Bracket Pair Colorizer
coenraads.bracket-pair-colorizer
能够将相匹配的括号进行相同颜色的标注,在括号函数调用很多的时候非常有用 Chinese (Simplified) Language Pack for Visual Studio Code
ms-ceintl.vscode-language-pack-z
VS Code 本地化界面中文包- Code Spell Checker
streetsidesoftware.code-spell-checker
一个基本的拼写检查程序，可以很好地与 camelCase(驼峰型)代码一起工作。
这个拼写检查程序的目标是帮助捕获常见的拼写错误，能够很好的避免一些低级的错误。 - EditorConfig for VS Code
editorconfig.editorconfig
EditorConfig 帮助多个开发人员跨各种编辑器和 ide 在同一个项目上工作，保持一致的编码风格。 - ES7 React/Redux/GraphQL/React-Native snippets
dsznajder.es7-react-js-snippets
基于 snippets 使用缩写即可调出常用的语句片段 eg:
- ESLint
dbaeumer.vscode-eslint
语言语法检测工具,能够为我们的代码质量保驾护航也成为了现代工程几乎必不可少的工具; - file-size
zh9528.file-size
保存之后能够实时显示文件的大小 - Git History
donjayamanne.githistory- 能够在 vscode 中以图表的形式查看 git 日志；
- 查看当前文件的上一个副本；
- 查看一个或所有分支、文件、文件中一行及作者的历史记录；
- 比较分支、提交及提交中文件等。
- gitignore
codezombiech.gitignore
有多种语言和环境的常用 gitignore 配置文件可以选择和使用
- GitLens — Git supercharged
eamodio.gitlens
GitLens 能帮助我们更好地理解代码。快捷的查看，某行或某个代码块被更改的原因时间。 - HTML Snippets
abusaidm.html-snippets
在 vscode 中能够拓展 h5 标签 给出提示 - JavaScript (ES6) code snippets
xabikos.javascriptsnippets
这个扩展包含了 Vs code 编辑器的 ES6 语法的 JavaScript 代码片段(同时支持 JavaScript 和 TypeScript)。 - LeetCode
leetcode.vscode-leetcode
这个插件可以让我们在 vscode 编辑器中解决 leetcode 中的算法题 - Live Server
ritwickdey.liveserver
可以在本地库快速启动一个服务查看自己的页面 - Markdown PDF
yzane.markdown-pdf
该插件能够将本地的 markdonw 文件转化成 pdf 或者 png 等格式; - npm Intellisense
christian-kohler.npm-intellisense gggg
能够在我们需要 import 某个 npm 模块的时候进行提醒 - Path Intellisense
christian-kohler.path-intellisense
能够智能的提醒路径 - Prettier - Code formatter
esbenp.prettier-vscode
现代开发中几乎必须的代码风格格式化插件
让代码更加的整洁,还能够通过自动保存来自动格式化 省心省力
面对团队开发时只需要采用一套配置就不会出现代码格式混乱的问题 - Settings Sync
shan.code-settings-sync
能够同步插件配置的插件 有了它妈妈再也不用担心需要重新搭建自己 vscode 的开发环境了 - stylelint
stylelint.vscode-stylelint
lint 之一具有保持 css 文件风格的插件,适当的配置之后还能够提示 css 上语法的不当 - SVG Viewer
cssho.vscode-svgviewer
能够在文件中实时插件 svg 格式的文件 - Tabnine Autocomplete AI
Tabnine 是一个强大的人工智能助手，旨在帮助我们能够更快的编程，减少错误，并发现最佳编码实践。
通过研究公开共享的代码，并使用了 A.I 深度学习算法，来预测我们下一个编码需求，并给出建议来一键完成代码。
缺点是会有点占用内存,但和 mbp 一样贵不是它的错 😭 - Template String Converter
meganrogge.template-string-converter
能够在我们书写代码时 及时将需要使用模板字符的时候将字符串自动转化 - TODO Highlight
wayou.vscode-todo-highlight
能够在代码中进行高亮提示 - Toggle Quotes
britesnow.vscode-toggle-quotes
能够通过快捷键 快速的在单引号 双引号 反引号直接无缝转化 - Vetur
octref.vetur- Vetur 支持 vue 文件的语法高亮显示
- 添加 snippet 片段
- 错误检测 默认使用 eslint-plugin-vue@beta 来检测 template 模块
- 定义格式
- vscode-icons
vscode-icons-team.vscode-icons
能够为创建的文件夹及文件添加相应的 icon,让 vscode 不再单调 - vscode-styled-components
jpoissonnier.vscode-styled-components
该插件能够给使用了 styled-components 的部分进行有色展示 顺眼罢了 - CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review
codestream.codestream
CodeStream 是一个开发者协作平台，通过将基本的开发协作工具集成到 VS Code 中。
让使用者团队能够无缝衔接进行 review 和讨论;
未提供中文界面以及损耗的内容较多是一大痛点特别对于 8G 的内存而言 - koroFileHeader
obkoro1.korofileheader- 可拓展性强
- 头部添加注释: ctrl+cmd+i
- 在光标处添加函数注释: ctrl+cmd+t
- 支持一键添加佛祖保佑永无 BUG、神兽护体等注释图案(哎 就是玩) ctrl+cmd+j
- search-node-modules
jasonnutter.search-node-modules
node_modules 模块里面的文件夹和模块实在是太多了，寻找某些依赖库代码时非常困难。
安装 Search node_modules 这个插件后，
输入快捷键「Cmd + Shift + P」，然后输入 node_modules，
在弹出的选项中选择 Search node_modules，即可搜索 node_modules 里的模块。 - Polacode-xiaobaozi
快速生成漂亮的代码截图，用于在网上写博客、教程时快速插入代码示例图。
在原版 Polacode 上新增了 mac 坐上角三点，对代码截图进行了美化
按下你键盘的 F1 或者 Ctrl+Shift+P，然后搜索 polacode 或者 xiaobaozi 进行后续操作