自己使用过比较好用的VSCode插件

时间:2021-03-10 07:14:09

C/C++  [ms-vscode.cpptolls]    智能推导,调试和代码浏览

C/C++ Clang Command Adapter [mitaki28.vscode-clang]   使用Clang的命令来分析C/C++/Object-C的代码诊断,还有代码补全。

C/C++ Snippets [hars.cppsnippets]  有用的C/C++代码片断,节省时间

C++ Algorithm Mnemonics [davidbroetje.algorithm-mnemonics-vscode]  写C++不可能不接触STL,这个插件能让你使用STL算法更有生产力

cppcheck [matthewferreira.cppcheck]  这个插件帮你方便的调用cppcheck这款C++静态分析软件的命令来检查你的C++代码隐患,包括越界,资源泄漏等

Clang-Format [xaver.clang-format]  把你的C,C++ Java js等代码格式化为Clang的代码风格

Python [donjayamanne.python]  Python的分析,运行,调试,代码格式化,重构,单元测试,代码片段,这些都支持

C# [ms-vscode.csharp]  C#太重了,还是用Visual Studio把,别用VSCode。

PowerShell [ms-vscode.powershell]  PowerShell脚本的语法高亮,代码补全,提示,代码片段,跳转等等

Bash Debug [rogalmic.bash-debug]  bash调试器的GUI前端

Bash Beautify  [shakram02.bash-beautify] Bash的格式化,美化代码风格

CMake [twxs.cmake]     对于我这种C/C++需要跨平台构建的人,Cmake是神物。其他构建系统都是渣渣。 主要功能是脚本代码着色,代码补全提示,常用代码块

CMake Tools [vector-of-bool.cmake-tools]  这个Cmake插件是对前一个的插件扩展,主要是cmake命令的支持方面,前一个插件是cmake脚本语言的支持

ESLint [dbaeumer.vscode-eslint]  经常写js的需要用,最好的js静态分析软件

hexdump for VSCode [slevesque.vscode-hexdump]  十六进制查看插件,以前都是用BeyondCompare的,这个就很方便集成进来了

HTML CSS Support [ecmel.vscode-html-css]  写前端的必备,确实,我业余会写下前端。主要支持class,id属性补全,远程css。js,jade模版,vue文件等

HTML Snippets [abusaidm.html-snippets]  主要提供HTML 5的全部TAG不全,着色,还有有用的TAG片段

vscode-caniuse [agauniyal.vscode-caniuse] 检测用户使用的Web技术被各种主流浏览器支持的情况

Quokka.js [WallabyJs.quokka-vscode] 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈。它易于配置,并能够预览变量的函数和计算值结果。另外,在使用 JSX 或 TypeScript 项目中,它能够开箱即用。

vscode-faker [deerawan.vscode-faker]  使用流行的 JavaScript 库 – Faker,能够帮你快速的插入用例数据。Faker 可以随机生成姓名、地址、图像、电话号码,或者经典的乱数假文段落,并且每个类别还包含了各种子类别,你可以根据自身的需求来使用这些数据。

Color Info [bierner.color-info]  这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。

svg viewer [cssho.vscode-svgviewer]  此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序,你无需离开编辑器,便可以打开 SVG 文件并查看它们。同时,它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项。

TODO Highlight [wayou.vscode-todo-highlight]  这个插件能够在你的代码中标记出所有的 TODO 注释,以便更容易追踪任何未完成的业务。在默认的情况下,它会查找 TODO 和 FIXME 关键字。当然,你也可以添加自定义表达式。

minify [HookyQR.minify]   这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为.min文件的选项。它能够分别通过uglify-jsclean-csshtml-minifier,与 JavaScript、CSS 和 HTML 协同工作。

change-case [wmaurer.change-case]   虽然 VSCode 内置了开箱即用的文本转换选项,但其只能进行文本大小写的转换。而此插件则添加了用于修改文本的更多命名格式,包括驼峰命名、下划线分隔命名,snake_case 命名以及 CONST_CAS 命名等。

Regex Previewer [chrmarti.regex]  这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上,并高亮所有的匹配项。

Auto Close Tag [formulahendry.auto-close-tag]   适用于 JSX、Vue、HTML,在打开标签并且键入 </ 的时候,能自动补全要闭合的标签

Auto Rename Tag [formulahendry.auto-rename-tag]  适用于 JSX、Vue、HTML,在修改标签名时,能在你修改开始(结束)标签的时候修改对应的结束(开始)标签,帮你减少 50% 的击键;

Path Intellisense [christian-kohler.path-intellisense]   文件路径补全,在你用任何方式引入文件系统中的路径时提供智能提示和自动完成;

npm Intellisense [christian-kohler.npm-intellisense]   NPM 依赖补全,在你引入任何 node_modules 里面的依赖包时提供智能提示和自动完成;

npm [eg2.vscode-npm-script]   npm集成到VSCode里面来了,很方便

Intellisense for CSS class names [Zignd.html-css-class-completion]  CSS 类名补全,会自动扫描整个项目里面的 CSS 类名并在你输入类名时做智能提示;

Bracket Pair Colorizer [CoenraadS.bracket-pair-colorizer]   识别代码中的各种括号,并且标记上不同的颜色,方便你扫视到匹配的括号,在括号使用非常多的情况下能环节眼部压力,编辑器快捷键固然好用,但是在临近嵌套多的情况下却有些力不从心;

NSIS Language Support [KrystofRiha.vscode-nsis]   提供NSIS打包(exe安装包)软件的打包脚本NSIS语言的语法高亮等语言级的支持

Partial Diff [ryu1kn.partial-diff]  顾名思义,这个是文本比较的插件,而且是部分比较,没有BeyondCompare那样强大,它可以比较选中的文本差异

vscode-icons [robertohuertasm.vscode-icons]   专给vscode的图标插件,它根据不同的文件后缀类型,用相应的文件类型LOGO标记出文件区别。嗯,IDE都有类似的功能

CSS Peek [pranaygp.vscode-css-peek]   使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。

vue [jcbuisson.vue]  主要给vue.js框架提供语法高亮

Vue 2 Snippets [hollowtree.vue-snippets]  这个扩展是提供Vue 2.0版本的有用的代码片段和语法高亮

React Native Tools [vsmobile.vscode-react-native]  用React Native做移动端开发越来越流行了

React-Native/React/Redux sippets for es6/es7 [EQuimper.react-native-react-redux]  React全家桶的插件,提供代码片段

React/Redux/react-router [discountry.react-redux-react-router-snippets]  React全家桶,代码片段

JavaScript (ES6) code snippets [xabikos.javascriptsnippets]  ES6标准的js代码片段补全

Prettier - JavaScript formatter [esbenp.prettier-vscode]  可以格式化你的js,typescript css代码,让你的代码更好看

JavaScript Standard Style [chenxsan.vscode-standardjs]  以权威js标准风格来检测你的js代码

Babel JavaScript [mgmcdermott.vscode-language-babel]  如果你使用最新的ES标准来编写跨浏览器的js程序,那么这个就是你的好帮手了。主要提供语法高亮,React的jsx都高亮

markdownlint [DavidAnson.vscode-markdownlint]  我经常用MarkDown写文章的,所以需要MD静态分析软件提示错误,warning。或者编写的风格问题

Code Runner [formulahendry.code-runner]  可以运行代码文件,和选择一段代码运行,支持C,C++,Java,JS,PHP,Python,Perl,Ruby等,你几乎所想到的语言都支持

IORun [hoangnc.io-run]  算法,IO,ACM党最爱,如果你经常在OJ上刷题,那么就适合你。支持运行和测试竞赛代码。 多种语言C,C++,Haskell等等。 因为我做LeetCode上的题目

XML Tools [DotJoshJohnson.xml]  XML的格式化 XML树结构,Xpath,Xquery等都支持了

REST Client [humao.rest-client]  在VSCode中发送http请求,显示http回复 非常方便调试测试RESTful的接口

Ruby [rebornix.ruby]     计算理论的代码是用Ruby写的,在github上,有时候会写写Ruby

Haskell Syntax Highlighting [justusadam.language-haskell]   Haskell的语法高亮, 学Haskell是涨见识的

Haskell ghc-mod [hoovercj.vscode-ghc-mod]  通过ghc-mod提供Haskell的语言支持

Haskell GHCi debug viewer Phoityne [phoityne.phoityne-vscode]  这个插件是一个ghci的调试查看器

haskell-linter [hoovercj.haskell-linter]  一个haskell的代码静态分析工具, 其实就是hlint的封装

Haskelly [UCL.haskelly]  提供完全的,专家级的Haskell开发

Haskero [Vans.haskero]  功能比较齐全的Haskell IDE

Docker [PeterJausovec.vscode-docker]  提供Dockerfile和docker-compose文件的语法高亮,命令的高亮,还有代码提示与检测

Docker Explorer [formulahendry.docker-explorer]  管理Docker容器,镜像,Docker Hub等

Git History [donjayamanne.githistory]     可以查看Git log, file, 和line 历史记录。

Document This [joelday.docthis]   自动生成详细的TypeScript和js的文档型注释

Setting Sync [Shan.code-settings-sync]   跨机器同步VSCode的配置,需要用到github的gist

Debugger for Chrome/ Debugger for Firefox  字面意思,无需多说

gitignore [codezombiech.gitignore]  帮助你更好的使用gitignore