vscode插件

我在这篇文章里面分享了自己所使用的vscode的一些插件，以及它们的作用

归途风景111

3612人浏览 · 2022-03-30 17:49:29

归途风景111 · 2022-03-30 17:49:29 发布

常用的vscode插件

首先我们不论通过哪种方式下载的vscode编辑器，打开过后一定是英文格式的所以我们需要下载一个中文的插件

插件名称	插件的作用
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code	把vscode的语言转换成中文
Live Server	它可以使浏览器自动更新页面
HTML Snippets	这款插件包含html标签，非常全，很实用包含H5标签
HTML CSS Support	在编写样式表的时候，自动补全功能大大缩减了编写时间包含css3样式
JavaScript (ES6) code snippets	针对js的插件，包含了js的常用语法关键字，包含es6语法
jQuery Code Snippets	juqery提示插件
Easy Sass	写sass方式的时候设置编译输出的 css 风格的，可以同时编译输出多个不同风格的 CSS 文件
JS-CSS-HTML Formatter	vscode的代码格式化插件
px to rem & rpx & vw (cssrem)	将px值转换为rem值（相对单位 1rem=1font-size的值）或vw值（视窗单位）
open in browser	在浏览器中打开，鼠标右键打开（ALT+B）
Beautify	美化代码格式
background	看板娘，让自己的vscode编辑器没有那么的单调
any-rule	正则大全的插件，里面有很多的正则（不用自己想正则了）
A-super-themes	让vscode编辑器更好看（多了一个皮肤）
A-super-translate	vscode编辑器的翻译插件
A-super-comprehensive	点击鼠标右键会出来一个选项（偷看葵花宝典）一些常用的知识
A-super-change-case	这个就是你不需要将代码转换成驼峰格式了（我是没怎么用过）
vscode-icons	vscode的图标
node-snippets	让编辑器可以兼容node
vue	让编辑器可以编写vue的代码
vue-helper	自动补全代码（懒人必备，但是会多出来一些你看不懂的代码）
Vetur	用于 VS 代码的 Vue 工具
Vue 2 Snippets	用于补全vue2的代码，提高编码效率
WeApp Snippets	用于编写微信小程序的一款插件
wechat-snippet	微信小程序代码辅助,代码片段自动完成
wx-helper	此插件为 min 应用程序提供配置自动完成。
wxml	微信小程序wxml格式化以及高亮组件(高度自定义)