1、安装插件

  1. open in browser
  2. Path Intellisense
  3. Auto Close Tag
  4. Live Server
  5. css peek
  6. HTML CSS Support
  7. Auto Rename Tag
  8. Color Highlight
  9. Beautify
  10. //文件图标主题
  11. vscode-icons
  12. //颜色主题
  13. Atom One Dark Theme
  14. One Dark Pro
  15. //代码执行
  16. Code Runner
  17. //实现毛玻璃效果
  18. Vibrancy
  19. Windows opacity

2、设置用户代码片段html.json

  1. {
  2.     "inset jquery":{
  3.         "prefix":"jq",
  4.         "body":[
  5.             "<script src=\"https://cdn.bootcss.com/jquery/3.4.1/jquery.js\"></script>"
  6.         ],
  7.         "description": "insert jquery"
  8.     },
  9.     "insert VUE":{
  10.         "prefix": "vue",
  11.         "body": [
  12.             "<script src=\"https://cdn.bootcss.com/vue/2.6.10/vue.js\"></script>"
  13.         ],
  14.         "description": "insert VUE"
  15.     }
  16. }