1. 程式人生 > 程式設計 >Vscode常用快捷鍵列表、外掛安裝、console.log詳解

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.顯示/隱藏左側目錄欄 ctrl + b
4.複製當前行:shift + alt +up/down
5.刪除當前行:shift + ctrl + k
6.控制檯終端顯示與隱藏:ctrl + ~
7.查詢檔案http://www.cppcns.com/安裝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.顯示相關外掛的命令http://www.cppcns.com(如:git log):ctrl + shift + p
23.選中文字:shift + left / right / up / down
24.摺疊程式碼: ctrl + k + 0-9 (0是完全摺疊)
25.展開程式碼: ctrl + k + j (完全展開程式碼)
www.cppcns.com26.刪除行 : ctrl + shif程式設計客棧t + 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 Ruwww.cppcns.comnner:直接執行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快捷鍵的資料請關注我們其它相關文章!