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

Posted on by

①. 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.顯示/隱藏左側目錄欄 ctrl + b
4.復制當前行：shift + alt +up/down
5.刪除當前行：shift + ctrl + k
6.控制臺終端顯示與隱藏：ctrl + ~
7.查找文件/安裝vs code 插件地址：ctrl + p
8.代碼格式化：shift + alt +f
9.新建一個窗口: ctrl + shift + n
10.行增加縮進: ctrl + [
11.行減少縮進: ctrl + ]
12.裁剪尾隨空格(去掉一行的末尾那些沒用的空格) : ctrl + shift + x
13.字體放大/縮小: ctrl + ( + 或 – )
14.拆分編輯器 :ctrl + 1/2/3
15.切換窗口:  ctrl + shift + left/right
16.關閉編輯器窗口:  ctrl + w
17.關閉所有窗口 : ctrl + k + w
18.切換全屏 :F11
19.自動換行:  alt + z
20.顯示git:   ctrl + shift + g
21.全局查找文件：ctrl + p
22.顯示相關插件的命令(如：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 + 鼠標左鍵
32.多行同時添加內容（光標） ：ctrl + alt + up/down
33.全局替換：ctrl + shift + h
34.當前文件替換：ctrl + h
35.打開最近打開的文件：ctrl + r
36.打開新的命令窗：ctrl + shift + c

②. vscode中安裝插件

①. Auto Rename Tag修改html標簽，自動幫你完成尾部閉合標簽的同步修改，和webstorm一樣

在這裡插入圖片描述

②. Live Server：讓文件在服務器中運行

在這裡插入圖片描述

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

在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述

④. Vetur：vue組件格式支持

在這裡插入圖片描述

⑤. vscode-icons：文件圖標美化

在這裡插入圖片描述

⑥. Code Runner：直接運行js文件

在這裡插入圖片描述 

③. console.log（）

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

②. 文件—首選項—用戶代碼片段—-搜 javaScript ,進入JavaScript.json,可以自定義好多有用的快捷鍵,下面這個例子就是打出c然後tab就樂意直接出來console.log(‘’)啦

"Print to console": {
  "prefix": "c",
  "body": [
   "console.log('$1')"
  ],
  "description": "Log output to console"
 }

以上就是Vscode常用快捷鍵、插件安裝、console.log的詳細內容，更多關於Vscode console.log快捷鍵的資料請關註WalkonNet其它相關文章！

推薦閱讀：