常用的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 (看板娘)
其实就是好看,没一点鸟用










