2023版vscode使用教程—最簡(jiǎn)單,最實(shí)用的功能和插件【不凡學(xué)院】【前端培訓(xùn)工具教程】

一、 創(chuàng)建文件的方式
點(diǎn)擊按鈕創(chuàng)建
直接拖拽
本地新建文件
新窗口打開
二、布局
代碼放大縮小
資源管理器
代碼縮略圖、拆分、終端
三、 自動(dòng)生成代碼
html代碼生成
emmet快捷鍵
四、 快捷鍵
單行注釋:ctrl + /
多行注釋: shift + alt + A
刪除當(dāng)前行: ctrl + shift + K
復(fù)制當(dāng)前行: alt + shift + 箭頭上/下
移動(dòng)當(dāng)前行: alt + 箭頭上/下
代碼格式化: shift + alt + F
顯示/隱藏目錄: ctrl + B
打開終端:ctrl + ~
切換最近打開文件: ctrl + E
當(dāng)前頁(yè)面查找/替換 ctrl + F / ctrl + H
多光標(biāo): alt + 鼠標(biāo)左鍵
新建窗口: ctrl + shift + n
五、安裝插件
chinese
open in
live server
代碼格式化prettier
六、主題
6.1 Dracula Official 粉色主題

6.2 SynthWave ‘84

步驟:
安裝插件
打開vscode命令窗口: ctrl + shift + p , 輸入 Enable Neon Dreams ,點(diǎn)擊確定。然后重啟。
關(guān)閉霓虹效果: disable Neon Dreams
6.3 Power Mode 炸裂特效

標(biāo)簽: