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 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编辑器所用到的一些插件,如果你的编辑器插件也好用,欢迎留言给博主,博主会添加到博文上面的

  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

归途风景111

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值