Vscode应用商店常用插件以及介绍(一)

博文修改，详细介绍并贴图插件功用

目录

1、简体中文插件（汉化包）

​2、编辑器页面自定义背景图片

3、毛玻璃（毛玻璃跟编辑器背景图片两个最好不要同时设置，效果太多时也不美观，我上面的截图采用的就是毛玻璃，透过编辑器看到的是桌面）

4、层叠样式表预编译文件格式话文档

5、html文件语言标签提示

 6、生成文件头部和函数头部注释的插件（没有注释的代码，容易被同事弄死）

7、浏览器预览程序html文件

8、.scss文件语法支持插件

9、js语法规范监测插件

10、.vue文件语法支持插件

---

1、简体中文插件（汉化包）

---

2、编辑器页面自定义背景图片

---

3、毛玻璃（毛玻璃跟编辑器背景图片两个最好不要同时设置，效果太多时也不美观，我上面的截图采用的就是毛玻璃，透过编辑器看到的是桌面）

---

4、层叠样式表预编译文件格式话文档

---

5、html文件语言标签提示

---

 6、生成文件头部和函数头部注释的插件（没有注释的代码，容易被同事弄死）

---

安装好后，要在编辑器配置项setting.json做插件信息配置，快捷键ctrl+,即可打开

"fileheader.customMade": { // 头部注释
        "Author": "huangl",
        "Date": "Do not edit",
        "LastEditors": "huangl",
        "LastEditTime": "Do not edit",
        "Description": "file content",
        "FilePath": "Do not edit" // 增加此项配置即可
    },
    "fileheader.cursorMode": { // 头部注释
        "description": "",
        "param": "params",
        "return": ""
    },
    "fileheader.configObj": {
        "autoAdd": true, // 默认开启自动添加头部注释，当文件没有设置头部注释时保存会自动添加
        "autoAlready": true, // 默认开启
        "prohibitAutoAdd": [
            "json",
            "md"
        ], // 禁止.json .md文件，自动添加头部注释
        "wideSame": false, // 设置为true开启
        "wideNum": 13 // 字段长度 默认为13
    }

声明文件以及声明函数后都会默认给文件及函数开头部分添加注释说明，不过我现在都不怎么用这个扩展了，因为微软收购git后，git项目开发时，鼠标光标放到文件代码那里，那行末尾会显示最后一次编辑人信息和编辑时间，项目协同开发时知道这一块是谁开发的及开发时间就差不多足够 

7、浏览器预览程序html文件

---

open in browser
View In Browser

 编辑器打开html文件后，鼠标右键，菜单栏目中有两项打开浏览器的方式及快捷键提醒，选择电脑操作系统默认浏览器，或则自己选择特定浏览器打卡网页都可以

8、.scss文件语法支持插件

---

SCSS Formatter

9、js语法规范监测插件

---

StandardJS - JavaScript Standard Style
Eslint

10、.vue文件语法支持插件

---