1. vscode插件
名称: Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
ID: MS-CEINTL.vscode-language-pack-zh-hans
名称: Code Runner
ID: formulahendry.code-runner
名称: Code Spell Checker
ID: streetsidesoftware.code-spell-checker
名称: Comment Translate
ID: intellsmi.comment-translate
名称: GitHub Theme
ID: GitHub.github-vscode-theme
名称: GitLens — Git supercharged
ID: eamodio.gitlens
名称: JavaScript (ES6) code snippets
ID: xabikos.JavaScriptSnippets
名称: Live Server
ID: ritwickdey.LiveServer
名称: open in browser
ID: techer.open-in-browser
名称: Path Intellisense
ID: christian-kohler.path-intellisense
名称: ESLint
ID: dbaeumer.vscode-eslint
名称: Markdown All in One
ID: yzhang.markdown-all-in-one
名称: Prettier - Code formatter
ID: esbenp.prettier-vscode
名称: Prettier ESLint
ID: rvest.vs-code-prettier-eslint
名称: Vetur
ID: octref.vetur
说明:vue项目中vue结尾的文件代码通默认都是没有高亮显示,安装Vetur插件可以让vue文件代码高亮。
名称: Vue Language Features (Volar)
ID: Vue.volar
说明:Language support for Vue 3
名称: Vue VSCode Snippets
ID: sdras.vue-vscode-snippets
说明:在VScode工具中使用vue开发项目,创建每个组件都要写相同的内容是一件繁琐的事情,交给插件帮我们完成
名称: VueHelper
ID: oysun.vuehelper
2.VSCode 设置
Tab Size
设置:2
说明:一个制表符等于的空格数
Compact Folder
说明:控制资源管理器是否应以紧凑形式呈现文件夹
Linked Editing
说明:自动闭合标签
Bracket Pair Colorization
说明:启用括号对着色
Guides:
- Bracket Pairs
说明:启用括号对竖直参考线 - Bracket Pairs Horizontal
说明:启用括号对水平参考线 - Highlight Active Bracket Pair
说明:活动的括号对高亮