#开发环境篇：vscode插件推荐快捷节命令

mac

https://www.52cik.com/vscode-keyboard-shortcuts/ 快捷键地址
VS Code更换主题. Mac用户. ⌘K 然后⌘T

插件

Peacock 颜色边框插件
去console插件快捷键 ctrl shift d
shift + command + v 打开vscode
shift + command + J 打开终端
alt + shift + r 打开文件夹

window注释：文件头部添加注释 ctrl+win+i, 光标处注释 ctrl+win+t
mac注释：文件头部添加注释 ctrl+cmd+i， 光标处注释 ctrl+cmd+t

vscode光标位置 Mac: Ctrl + -

其他快捷键

1- ctrl+enter 成功地从一行代码的中间直接换到第二行，完美！
2- Ctrl + Shift + \），就可以在这对花括号之间跳转。
3- alt + 鼠标左键快速选择
4- ctrl + enter 中间进行快速的换行
5- Ctrl+D：选中下一个相同内容
Ctrl+Shift+L：选中所有相同内容
6- 转到定义F12

软件更新

ctrl + , 输入update mode选择default

扩展应用

/*常用插件推荐*/
// axios插件：1. Axios Snippets--- Axios Snippets axios代码片段补全，支持在.vue.js.html.ts中使用 使用方式，直接在vscode插件市场中搜索安装
// git插件：2. Git History---右键你想要查看的文件，选Git:Open File History （git）3. GitLens — Git supercharged---谁修改了文件（git）4. Git History Diff---比较不同(git)
// 包大小插件：5. Import Cost---插件控制导入包大小
// js插件：6. javascript console utils---console输出7.JavaScript (ES6) code snippets---es6语法提示
// 头注释插件8. koroFileHeader---文件头生成9. open in browser
// 浏览器插件：10. Live Server (Five Server)
// 系统配置插件：11. Material Icon Theme---文件前面的图标12. One Dark Pro---代码主题13. Project Manager--项目管理14. SVG---预览15. eslint---语法纠错16. Auto Close Tag---自动闭合 html / xml 标签)17. Auto Rename Tag ---自动完成另一侧标签的同步修改18. Path Intellisense---(路径自动补全，比如引入一个写好的js文件，html，css都会提示)19. Prettier ---Code formatter格式化20. ChatGPT中文版---插件
// ui框架插件:21. Element UI Snippets---element提示22. Vant Snippets---vant提示插件
// vue的插件：23. Vue VSCode Snippets  24. vetur ---语法高亮、智能感知、Emmet等
25. vue-helper ----点击函数名跳转
26. DotENV --- .env 文件 高亮
27. Vue Language Features (Volar)---说起vue的插件就不得不提及vetur,vetur是对Vue2支持很友好的插件，用于为.vue单文件组件提供代码高亮以及语法支持。但是它对于ts的支持，并不友好，而且Vue3是一整套从头到尾使用ts的新底层以及全新的composition-api,所以此时volar顺应而生。
volar不仅支持 Vue3 语言高亮、语法检测，还支持 TypeScript 和基于 vue-tsc 的类型检查功能。需要注意的是：使用时需要禁用 Vetur 插件,Volar与它会有冲突
![在这里插入图片描述](https://img-blog.csdnimg.cn/a36adcba2a9d454aa378a77d80d01953.png)
28. Tailwind CSS IntelliSense/*备注插件未使用：按需要使用*/
1.  change-case---转换大写驼峰   shift command p 
2. Chinese ---汉化文字
3. Fix VSCode Checksums---修复vscode 安装包损坏ctrl+shift+P打开命令面板，输入Fix Checksums: Apply，重启vscode
4. Vue VSCode Snippets---该插件支持：Volar、Vue2 和 Vue3。
5. HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式式
6. EditorConfig for VS Code---EditorConfig 插件会读取  . editorconfig 文件中定义的内容，应用于编辑器------------行为不一致