前端自己使用的VSCode插件

vscode扩展之根据Vue模板自动生成Scss结构 -- AutoScssStruct4Vue

• 安装： AutoScssStruct4Vue ， vscode直接搜索安装
• 修改源码： cd ~/.vscode/extensions/kq.autoscssstruct4vue-0.1.2
• 找到scssManage.js ,有两个这个文件，里面的函数 rnIndent， 然后把空格改为四个
• 把软件整个关掉，再重新打开；就ok了
• 使用：点到<template>里面，获取焦点；
• 右键autoScssStruct

Plugins如下

1. View In Browser # 浏览器里面打开文件
2. AutoScssStruct4Vue # 根据Vue模板自动生成Scss结构
3. vue # Syntax Highlight for Vue.js
4. minapp # 用于写微信小程序的
5. vue-beautify
6. node-snippets
7. Git History
8. ESLint
9. Code Spell Checker
10. Auto Close Tag
11. JavaScript (ES6) code snippets
12. open in browser
13. One Dark Pro
14. Path Intellisense
15. Simple React Snippets
16. Vetur
17. vscode-swan # 百度小程序相关
18. Vue VSCode Snippets
19. Volar

主题插件

atomiks.moonlight

VSCode 不显示在程序坞中

killall Dock