vscode插件
我在这篇文章里面分享了自己所使用的vscode的一些插件,以及它们的作用
·
常用的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格式化以及高亮组件(高度自定义) |
1rem=1font-size的值(font-size是浏览器默认的字体大小,默认字体大小是16px)
background (看板娘)
其实就是好看,没一点鸟用
微信小程序的插件我用的不多
结语:以上就是我的VScode编辑器所用到的一些插件,如果你的编辑器插件也好用,欢迎留言给博主,博主会添加到博文上面的
更多推荐
已为社区贡献1条内容
所有评论(0)