2023版vscode使用教程—最简单，最实用的功能和插件【不凡学院】【前端培训工具教程】

一、 创建文件的方式

• 点击按钮创建

• 直接拖拽

• 本地新建文件

• 新窗口打开

二、布局

• 代码放大缩小

• 资源管理器

• 代码缩略图、拆分、终端

三、 自动生成代码

• html代码生成

• emmet快捷键

四、 快捷键

• 单行注释：ctrl + /

• 多行注释: shift + alt + A

• 删除当前行： ctrl + shift + K

• 复制当前行： alt + shift + 箭头上/下

• 移动当前行： alt + 箭头上/下

• 代码格式化： shift + alt + F

• 显示/隐藏目录： ctrl + B

• 打开终端：ctrl + ~

• 切换最近打开文件： ctrl + E

• 当前页面查找/替换 ctrl + F / ctrl + H

• 多光标： alt + 鼠标左键

• 新建窗口： ctrl + shift + n

五、安装插件

• chinese

• open in

• live server

• 代码格式化prettier

六、主题

6.1 Dracula Official 粉色主题

6.2 SynthWave ‘84

步骤：

1. 安装插件

2. 打开vscode命令窗口： ctrl + shift + p , 输入 Enable Neon Dreams ，点击确定。然后重启。

3. 关闭霓虹效果： disable Neon Dreams

6.3 Power Mode 炸裂特效