VSCode 开发工具

一、常用插件

插件名称	功能
Chinese (Simplified) (简体中文)	VSCode 界面简体中文插件(⭐⭐⭐⭐)
Monokai Pro	舒适美观的主题(⭐⭐⭐⭐⭐)
Material Icon Theme	美观的目录文件图标(⭐⭐⭐⭐⭐)
Path Intellisense	智能路径提示*
Live Server	右键可快速开启服务器*
Auto Close Tag	标签自动闭合*
Auto Rename Tag	成对标签联动修改*
HTML CSS Support	HTML CSS 智能提示
One Dark Pro	美观的主题样式
Project Manager	常开项目列表管理器,在VSCode中可以快速切换项目
REST Client	简洁易用的HTTP接口测试工具
Symbols	简洁的文件图标美化
Tailwind CSS intelliSense	Tailwind CSS 类名智能提示
Atom One Dark Theme	舒适的主题样式
vscode-icons	好看的 VSCode 文件图标
CodeSnap	漂亮的代码截图工具
Better Comments	高亮特殊的注释内容
Comment Translate	注释文档翻译
IntelliCode	只能提示内置方法，猜你大概率会用的，有星星标识
JSDoc Generator	JS文档注释快捷生成
JSON to TS	将剪贴板或者选中的JSON内容转换为TS类型、接口
SCSS Formatter	SCSS代码格式化
SCSS IntelliSense	SCSS代码智能提示
Live Sass Compiler	SCSS实时编译（直接启动即可，超级方便）
Remote - SSH	远程连接SSH插件（VSCode直接可以操作远程服务器的项目代码）
CodeGeeX	人工智能代码助手（辅助开发）
TONGYI Lingma	人工智能代码助手（辅助开发）(⭐⭐⭐⭐)
Tabnine AI	人工智能代码助手（辅助开发）
Prettier - Code formatter	优雅的代码自动格式化插件
Vue Official	Vue 项目开发插件
vitepress snippets	vitepress代码片段
Markdown All in One	Markdown语法高亮
JavaScript (ES6) code snippets	ES6 语法快捷键和智能提示
StandardJS JavaScript Standard Style	ES6 语法快捷键和智能提示
JSON Crack	JSON可视化图形展示

二、常用快捷键

个人常用快捷键

快捷键	功能
编辑区操作
Ctrl + F4, Ctrl + W	关闭当前正在工作的编辑区页面
Ctrl + \	将当前光标所在的编辑区页面拆分到右侧
Alt + ←/→	左右切换编辑区页面
显示
Ctrl + -/+	缩小/放大编辑器大小
Ctrl + B	切换左边侧边栏可见性
Ctrl + Shift + C	打开新的 CMD 窗口
Ctrl + ~	显示集成终端
Ctrl + ↑/↓	上下滚动编辑区
Ctrl + Shift + ~	创建一个新的集成终端
通用
Ctrl + Shift + P, F1	显示命令面板
Ctrl + F	搜索
Ctrl + H	替换
基础编辑
Ctrl + X	剪切光标所在行
Ctrl + C	复制光标所在行
Alt + ↑/↓	上/下移动文本行
Ctrl + Enter	光标下面插入行
Alt + Shift + ↑/↓	向上/向下复制选中的内容（或光标所在行内容）
Ctrl + Shit + Enter	光标上面插入行
Ctrl + /	将选中的内容作行注释(单行注释)
Shit + Alt + A	将选中的内容作块注释(多行注释)
Ctrl + Shift + 空格	提示需要哪些配置参数

参考：

推荐：快捷键大全