目錄
- ①. vscode的常用快捷鍵列表
- ②. vscode中安裝插件
- ③. console.log()
①. vscode的常用快捷鍵列表
1.注釋:
a) 單行注釋:[ctrl+k,ctrl+c] 或 ctrl+/
b) 取消單行注釋:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u)
c) 多行注釋:[alt+shift+A]
d) 多行注釋:/**
2.移動行:alt+up/down
3.顯示/隱藏左側(cè)目錄欄 ctrl + b
4.復(fù)制當(dāng)前行:shift + alt +up/down
5.刪除當(dāng)前行:shift + ctrl + k
6.控制臺終端顯示與隱藏:ctrl + ~
7.查找文件/安裝vs code 插件地址:ctrl + p
8.代碼格式化:shift + alt +f
9.新建一個窗口: ctrl + shift + n
10.行增加縮進(jìn): ctrl + [
11.行減少縮進(jìn): ctrl + ]
12.裁剪尾隨空格(去掉一行的末尾那些沒用的空格) : ctrl + shift + x
13.字體放大/縮小: ctrl + ( + 或 - )
14.拆分編輯器 :ctrl + 1/2/3
15.切換窗口: ctrl + shift + left/right
16.關(guān)閉編輯器窗口: ctrl + w
17.關(guān)閉所有窗口 : ctrl + k + w
18.切換全屏 :F11
19.自動換行: alt + z
20.顯示git: ctrl + shift + g
21.全局查找文件:ctrl + p
22.顯示相關(guān)插件的命令(如:git log):ctrl + shift + p
23.選中文字:shift + left / right / up / down
24.折疊代碼: ctrl + k + 0-9 (0是完全折疊)
25.展開代碼: ctrl + k + j (完全展開代碼)
26.刪除行 : ctrl + shift + k
27.快速切換主題:ctrl + k / ctrl + t
28.快速回到頂部 : ctrl + home
29.快速回到底部 : ctrl + end
30.格式化選定代碼 :ctrl + k / ctrl +f
31.選中代碼 : shift + 鼠標(biāo)左鍵
32.多行同時添加內(nèi)容(光標(biāo)) :ctrl + alt + up/down
33.全局替換:ctrl + shift + h
34.當(dāng)前文件替換:ctrl + h
35.打開最近打開的文件:ctrl + r
36.打開新的命令窗:ctrl + shift + c
②. vscode中安裝插件
①. Auto Rename Tag修改html標(biāo)簽,自動幫你完成尾部閉合標(biāo)簽的同步修改,和webstorm一樣
②. Live Server:讓文件在服務(wù)器中運行
③. Prettier-Code formatter:代碼格式化
④. Vetur:vue組件格式支持
⑤. vscode-icons:文件圖標(biāo)美化
⑥. Code Runner:直接運行js文件
③. console.log()
①. 每次在代碼調(diào)試的時候都需要輸入console.log(),但是每次都要敲好多字
②. 文件—首選項—用戶代碼片段----搜 javaScript ,進(jìn)入JavaScript.json,可以自定義好多有用的快捷鍵,下面這個例子就是打出c然后tab就樂意直接出來console.log(‘')啦
"Print to console": {
"prefix": "c",
"body": [
"console.log('$1')"
],
"description": "Log output to console"
}
以上就是Vscode常用快捷鍵、插件安裝、console.log的詳細(xì)內(nèi)容,更多關(guān)于Vscode console.log快捷鍵的資料請關(guān)注腳本之家其它相關(guān)文章!
您可能感興趣的文章:- VSCode Vue開發(fā)推薦插件和VSCode快捷鍵(小結(jié))
- VSCode插件開發(fā)全攻略之命令、菜單、快捷鍵
- 常用VsCode 快捷鍵(Window & Mac)GIF演示
- vscode 使用Prettier插件格式化配置使用代碼詳解
- vscode配置leetcode插件并解決無法登錄問題(圖文詳解)
- 成功安裝vscode中g(shù)o的相關(guān)插件(詳細(xì)教程)
- VSCode配置Go插件和第三方拓展包的詳細(xì)教程