vlambda博客
学习文章列表

vscode中常用的内置插件



汉化vscode

输入chinese

vscode中常用的内置插件

vscode中常用的内置插件

vscode中常用的内置插件

vscode中常用的内置插件


输入open in browser

vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari

vscode中常用的内置插件

设置默认浏览器

vscode中常用的内置插件



输入auto close tag

自动生成html结尾标签---自动闭合HTML/XML标签

vscode中常用的内置插件


输入Path Intellisense

自动提示文件路径,支持各种快速引入文件

vscode中常用的内置插件



输入auto rename tag

改动一个标签,会一起改动---自动完成另一侧标签的同步修改

vscode中常用的内置插件



输入beautify

格式化 html ,js,css

vscode中常用的内置插件


输入prettier

格式化JavaScript / TypeScript / CSS

vscode中常用的内置插件


输入Bracket Pair Colorizer

给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

vscode中常用的内置插件


输入Debugger for Chrome

映射vscode上的断点到chrome上,方便调试

vscode中常用的内置插件


输入ESLint

js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置

vscode中常用的内置插件


输入GitLens

(使用git的必备) 方便查看git日志,git重度使用者必备

vscode中常用的内置插件


输入HTML CSS Support

智能提示CSS类名以及id

vscode中常用的内置插件


输入HTML Snippets

智能提示HTML标签,以及标签含义

vscode中常用的内置插件


输入JavaScript(ES6) code snippets

ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

vscode中常用的内置插件


输入jQuery Code Snippets

jQuery代码智能提示

vscode中常用的内置插件


输入Markdown Preview Enhanced

实时预览markdown,markdown使用者必备

vscode中常用的内置插件


输入markdownlint

markdown语法纠错

vscode中常用的内置插件


输入Material Icon Theme

vscode图标主题,支持更换不同色系的图标,值得点出的是,该插件更新极其频繁,基本和vscode更新频率保持一致,极简主义是不需要的

vscode中常用的内置插件


输入vscode-icons

另一套 目录树图标主题,使用方法,配置如下json

vscode中常用的内置插件

vscode中常用的内置插件


输入Vetur

(vue必备) Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

vscode中常用的内置插件

补充 两个:

1) VueHelper

vue代码片段


2) Vue TypeScript Snippets

vue的 typescript 代码片段


3) Vue 2 Snippets

vue 2代码片段


输入Dracula Official

很好看的一款主题风格

vscode中常用的内置插件



输入filesize

查看文件大小

vscode中常用的内置插件


输入HTMLHint

静态检查规则

vscode中常用的内置插件


输入Class autocomplete for HTML

智能提示HTML class =“”属性(必备)

vscode中常用的内置插件



输入IntelliSense for CSS class names

智能提示 css 的 class 名

vscode中常用的内置插件



输入Npm Intellisense

(node必备)

vscode中常用的内置插件




输入 code runner

直接运行js文件(测试js文件数据输出结果)