vscode编辑器常用插件汇总

vscode编辑器常用插件汇总

Chinese (Simplified) Language Pack for Visual Studio Code

此中文（简体）语言包为 VS Code 提供本地化界面

ESLint

代码规范校验检测工具

Beautify

格式化 javascript, JSON, CSS, Sass, and HTML

Babel JavaScript

javascript语法高亮，支持 ES201x, React JSX, Flow and GraphQL

ES7 React/Redux/GraphQL/React-Native snippets

react开发语法插件

GitLens

查看每一行代码或者文件最近一次修改人以及修改历史记录等

Git History

View git log, file history, compare branches or commits

cssrem

px转rem插件

pxtorem

px转rem插件

Easy LESS

less转css或者wxss

Identical Sublime Monokai

Sublime Monokai主题界面，个人比较喜欢这个风格

Code Runner

点击鼠标右键->run code, 执行对应的编程语言，比如C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go等等

open in browser

选择中HTML文件，右键，可选择在浏览器中打开

Vetur

使用vue，必备的工具插件

Path Intellisense/Path Autocomplete

文件路径提示自动补全插件

koroFileHeader

在vscode中用于生成文件头部注释和函数注释的插件，经过多版迭代后，插件：支持所有主流语言,功能强大，灵活方便，文档齐全，食用简单！

注意该插件和vscode-fileheader插件快捷键有冲突不可共用，推荐使用该插件

vscode-fileheader

文件头自动生成工具插件

Npm Intellisense

引入npm模块自动提示插件

webpack

webpack配置文件自动生成工具

Live Server

快速启动一个本地环境

Markdown Preview Enhanced

https://shd101wyy.github.io/markdown-preview-enhanced/#/zh-cn/ 可把Markdown转换成HTML、PDF等

markdownlint

markdown语法检测工具插件

docs-markdown

编写markdown使用快捷命令插件，在首选项 -> 设置 -> 勾选"Show Toolbar"，在底部显示markdown工具栏

Markdown Shortcuts

编写markdown使用快捷命令插件，在.md文件中，点击鼠标右键，显示快捷方式

minapp

微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）

插件用法总结

• 每个插件的具体用法可以查看，对应插件的使用说明
• 在扩展搜素里面输入输入关键字，如"react"，即可查看react相关插件，可根据需要自行安装
• 安装完插件，需要关闭vscode，重新打开，插件才会生效

本文由 mdnice 多平台发布