主頁 > 知識庫 > Vscode常用快捷鍵列表、插件安裝、console.log詳解

Vscode常用快捷鍵列表、插件安裝、console.log詳解

熱門標(biāo)簽:鐵路電話系統(tǒng) 美圖手機(jī) 呼叫中心市場需求 銀行業(yè)務(wù) 智能手機(jī) 服務(wù)器配置 檢查注冊表項(xiàng) 網(wǎng)站文章發(fā)布

①. 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ù)器中運(yùn)行

③. Prettier-Code formatter:代碼格式化



④. Vetur:vue組件格式支持

⑤. vscode-icons:文件圖標(biāo)美化

⑥. Code Runner:直接運(yùn)行js文件

 

③. console.log()

①. 每次在代碼調(diào)試的時候都需要輸入console.log(),但是每次都要敲好多字

②. 文件—首選項(xiàng)—用戶代碼片段----搜 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ì)教程

標(biāo)簽:紅河 樂山 沈陽 滄州 新疆 上海 河南 長治

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Vscode常用快捷鍵列表、插件安裝、console.log詳解》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266