您的位置:首页 > 其它

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

2017-11-02 16:52 627 查看
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-css html-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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: