常用的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 Snippetsjuqery提示插件
Easy Sass写sass方式的时候设置编译输出的 css 风格的,可以同时编译输出多个不同风格的 CSS 文件
JS-CSS-HTML Formattervscode的代码格式化插件
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-translatevscode编辑器的翻译插件
A-super-comprehensive点击鼠标右键会出来一个选项(偷看葵花宝典)一些常用的知识
A-super-change-case这个就是你不需要将代码转换成驼峰格式了 (我是没怎么用过)
vscode-iconsvscode的图标
node-snippets让编辑器可以兼容node
vue让编辑器可以编写vue的代码
vue-helper自动补全代码 (懒人必备,但是会多出来一些你看不懂的代码)
Vetur用于 VS 代码的 Vue 工具
Vue 2 Snippets用于补全vue2的代码,提高编码效率
WeApp Snippets用于编写微信小程序的一款插件
wechat-snippet微信小程序代码辅助,代码片段自动完成
wx-helper此插件为 min 应用程序提供配置自动完成。
wxml微信小程序wxml格式化以及高亮组件(高度自定义)
1rem=1font-size的值(font-size是浏览器默认的字体大小,默认字体大小是16px)
background (看板娘)

其实就是好看,没一点鸟用
在这里插入图片描述

微信小程序的插件我用的不多

结语:以上就是我的VScode编辑器所用到的一些插件,如果你的编辑器插件也好用,欢迎留言给博主,博主会添加到博文上面的

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐