插件:
1.? ?Chinese (Simplified) Language Pack for Visual Studio Code
适用于 VS Code 的中文(简体)语言包
2.? ?Open in Browser
在vscode中右击打开浏览器访问
3.? ?JS-CSS-HTML Formatter(不推荐装,装了会和tabsize:2产生冲突,它是4)
每次保存,都会自动格式化js? css? html代码
4.? ?Auto Rename Tag
自动重命名配对的HTML / XML标签
5.? ?Beautify
美化代码
6.? ?ESLint
代码检查工具
7.? ?Vetur
VScode官方钦定Vue插件,Vue开发者必备。内含语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger等实用功能
?8.? ?JavaScript (ES6) code snippets
ES6的代码自动补全
9.? ?vue 2 Snippets? ?/? ?VueHelper
vue 代码提示
Vue 3 Snippets? ? ?快速生成 Vue3 相关代码的代码片段
10.? ?Path Intellisense
自动路径补全
11.? ?GitLens — Git supercharged
GitLens只是帮助您更好地理解代码。快速浏览一下,为什么以及何时更改了行或代码块。跳过历史记录,以获得有关代码演变的方式和原因的进一步见解
12.? cssrem
px转rem单位
TypeScript Hero:可以帮助你快速重构 TypeScript 代码,包括重命名、提取函数等
Auto Import:自动导入工具,可以根据代码上下文自动导入需要的模块
Bracket Pair Colorizer(已内置于vs code,在设置-文本编辑器开启):该插件可以为你把成对的括号做颜色区分,并且提供一根连接线。方便我们审阅代码结构。
CSS Peek:css样式查看器,可快速查看我们的css样式,非常方便快捷
Image preview:鼠标悬浮在链接上可及时预览图片
Live Server:VScode浏览器自动刷新插件?
ai插件:tabnine,Copilot
eslint,prettier-Code formatter,vetur
快捷键:
F1?或?Ctrl+Shift+P(俗称万能键)? :打开命令面板。
代码行向左或向右缩进:? ?Ctrl+[? ??????????Ctrl+]
向上或向下移动一行: Alt+Up或Alt+Down
查找:?Ctrl+F
替换: Ctrl+H
单行注释:ctrl+/
多行注释:Alt+shift+A
新建文件: Ctrl+N
文件之间切换: Ctrl+Tab
打开一个新的VS Code编辑器:Ctrl+Shift+N
关闭当前窗口:Ctrl+W
关闭当前的VS Code编辑器:Ctrl+Shift+W