這篇文章主要介紹VSCode中Vue開發(fā)推薦插件和VSCode快捷鍵都有哪些，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

蒼梧網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

首先這幾個是VSCode推薦Vue開發(fā)必備的插件

Vetur —— 語法高亮、智能感知、Emmet等
包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化選中代碼，兩個Ctrl需要同時按著）

EsLint —— 語法糾錯

Debugger for Chrome —— 映射vscode上的斷點到chrome上，方便調(diào)試（配置有點麻煩，其實我沒用這個）

Auto Close Tag —— 自動閉合HTML/XML標(biāo)簽

Auto Rename Tag —— 自動完成另一側(cè)標(biāo)簽的同步修改

JavaScript(ES6) code snippets —— ES6語法智能提示以及快速輸入，除js外還支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各種包含js代碼文件的時間

Path Intellisense —— 自動路勁補全

HTML CSS Support —— 讓 html 標(biāo)簽上寫class 智能提示當(dāng)前項目所支持的樣式

VSCode快捷鍵

常用 General

按 Press	功能 Function
Ctrl + Shift + P，F(xiàn)1	顯示命令面板 Show Command Palette
Ctrl + P	快速打開 Quick Open
Ctrl + Shift + N	新窗口/實例 New window/instance
Ctrl + Shift + W	關(guān)閉窗口/實例 Close window/instance

基礎(chǔ)編輯 Basic editing

按 Press	功能 Function
Ctrl+X	剪切行（空選定） Cut line (empty selection)
Ctrl+C	復(fù)制行（空選定）Copy line (empty selection)
Alt+ ↑ / ↓	向上/向下移動行 Move line up/down
Shift+Alt + ↓ / ↑	向上/向下復(fù)制行 Copy line up/down
Ctrl+Shift+K	刪除行 Delete line
Ctrl+Enter	在下面插入行 Insert line below
Ctrl+Shift+Enter	在上面插入行 Insert line above
Ctrl+Shift+\	跳到匹配的括號 Jump to matching bracket
Ctrl+] / [	縮進/縮進行 Indent/outdent line
Home	轉(zhuǎn)到行首 Go to beginning of line
End	轉(zhuǎn)到行尾 Go to end of line
Ctrl+Home	轉(zhuǎn)到文件開頭 Go to beginning of file
Ctrl+End	轉(zhuǎn)到文件末尾 Go to end of file
Ctrl+↑ / ↓	向上/向下滾動行 Scroll line up/down
Alt+PgUp / PgDown	向上/向下滾動頁面 Scroll page up/down
Ctrl+Shift+[	折疊（折疊）區(qū)域 Fold (collapse) region
Ctrl+Shift+]	展開（未折疊）區(qū)域 Unfold (uncollapse) region
Ctrl+K Ctrl+[	折疊（未折疊）所有子區(qū)域 Fold (collapse) all subregions
Ctrl+K Ctrl+]	展開（未折疊）所有子區(qū)域 Unfold (uncollapse) all subregions
Ctrl+K Ctrl+0	折疊（折疊）所有區(qū)域 Fold (collapse) all regions
Ctrl+K Ctrl+J	展開（未折疊）所有區(qū)域 Unfold (uncollapse) all regions
Ctrl+K Ctrl+C	添加行注釋 Add line comment
Ctrl+K Ctrl+U	刪除行注釋 Remove line comment
Ctrl+/	切換行注釋 Toggle line comment
Shift+Alt+A	切換塊注釋 Toggle block comment
Alt+Z	切換換行 Toggle word wrap

導(dǎo)航 Navigation

按 Press	功能 Function
Ctrl + T	顯示所有符號 Show all Symbols
Ctrl + G	轉(zhuǎn)到行... Go to Line...
Ctrl + P	轉(zhuǎn)到文件... Go to File...
Ctrl + Shift + O	轉(zhuǎn)到符號... Go to Symbol...
Ctrl + Shift + M	顯示問題面板 Show Problems panel
F8	轉(zhuǎn)到下一個錯誤或警告 Go to next error or warning
Shift + F8	轉(zhuǎn)到上一個錯誤或警告 Go to previous error or warning
Ctrl + Shift + Tab	導(dǎo)航編輯器組歷史記錄 Navigate editor group history
Alt + ←/→	返回/前進 Go back / forward
Ctrl + M	切換選項卡移動焦點 Toggle Tab moves focus

搜索和替換 Search and replace

按 Press	功能 Function
Ctrl + F	查找 Find
Ctrl + H	替換 Replace
F3 / Shift + F3	查找下一個/上一個 Find next/previous
Alt + Enter	選擇查找匹配的所有出現(xiàn) Select all occurences of Find match
Ctrl + D	將選擇添加到下一個查找匹配 Add selection to next Find match
Ctrl + K Ctrl + D	將最后一個選擇移至下一個查找匹配項 Move last selection to next Find match
Alt + C / R / W	切換區(qū)分大小寫/正則表達式/整個詞 Toggle case-sensitive / regex / whole word

多光標(biāo)和選擇 Multi-cursor and selection

按 Press	功能 Function
Alt +單擊	插入光標(biāo) Insert cursor
Ctrl + Alt +↑/↓	在上/下插入光標(biāo) Insert cursor above / below
Ctrl + U	撤消上一個光標(biāo)操作 Undo last cursor operation
Shift + Alt + I	在選定的每一行的末尾插入光標(biāo) Insert cursor at end of each line selected
Ctrl + I	選擇當(dāng)前行 Select current line
Ctrl + Shift + L	選擇當(dāng)前選擇的所有出現(xiàn) Select all occurrences of current selection
Ctrl + F2	選擇當(dāng)前字的所有出現(xiàn) Select all occurrences of current word
Shift + Alt + →	展開選擇 Expand selection
Shift + Alt + ←	縮小選擇 Shrink selection
Shift + Alt + （拖動鼠標(biāo)）	列（框）選擇 Column (box) selection
Ctrl + Shift + Alt +（箭頭鍵）	列（框）選擇 Column (box) selection
Ctrl + Shift + Alt + PgUp / PgDown	列（框）選擇頁上/下 Column (box) selection page up/down

豐富的語言編輯 Rich languages editing

按 Press	功能 Function
Ctrl + 空格	觸發(fā)建議 Trigger suggestion
Ctrl + Shift + Space	觸發(fā)器參數(shù)提示 Trigger parameter hints
Tab	Emmet 展開縮寫 Emmet expand abbreviation
Shift + Alt + F	格式化文檔 Format document
Ctrl + K Ctrl + F	格式選定區(qū)域 Format selection
F12	轉(zhuǎn)到定義 Go to Definition
Alt + F12	Peek定義 Peek Definition
Ctrl + K F12	打開定義到邊 Open Definition to the side
Ctrl + .	快速解決 Quick Fix
Shift + F12	顯示引用 Show References
F2	重命名符號 Rename Symbol
Ctrl + K Ctrl + X	修剪尾隨空格 Trim trailing whitespace
Ctrl + K M	更改文件語言 Change file language

編輯器管理 Editor management

按 Press	功能 Function
Ctrl+F4, Ctrl+W	關(guān)閉編輯器 Close editor
Ctrl+K F	關(guān)閉文件夾 Close folder
Ctrl+\	拆分編輯器 Split editor
Ctrl+ 1 / 2 / 3	聚焦到第1，第2或第3編輯器組 Focus into 1st, 2nd or 3rd editor group
Ctrl+K Ctrl+ ←/→	聚焦到上一個/下一個編輯器組 Focus into previous/next editor group
Ctrl+Shift+PgUp / PgDown	向左/向右移動編輯器 Move editor left/right
Ctrl+K ← / →	移動活動編輯器組 Move active editor group

文件管理 File management

按 Press	功能 Function
Ctrl+N	新文件 New File
Ctrl+O	打開文件... Open File...
Ctrl+S	保存 Save
Ctrl+Shift+S	另存為... Save As...
Ctrl+K S	全部保存 Save All
Ctrl+F4	關(guān)閉 Close
Ctrl+K Ctrl+W	關(guān)閉所有 Close All
Ctrl+Shift+T	重新打開關(guān)閉的編輯器 Reopen closed editor
Ctrl+K	輸入保持打開 Enter Keep Open
Ctrl+Tab	打開下一個 Open next
Ctrl+Shift+Tab	打開上一個 Open previous
Ctrl+K P	復(fù)制活動文件的路徑 Copy path of active file
Ctrl+K R	顯示資源管理器中的活動文件 Reveal active file in Explorer
Ctrl+K O	顯示新窗口/實例中的活動文件 Show active file in new window/instance

顯示 Display

按 Press	功能 Function
F11	切換全屏 Toggle full screen
Shift+Alt+1	切換編輯器布局 Toggle editor layout
Ctrl+ = / -	放大/縮小 Zoom in/out
Ctrl+B	切換側(cè)欄可見性 Toggle Sidebar visibility
Ctrl+Shift+E	顯示瀏覽器/切換焦點 Show Explorer / Toggle focus
Ctrl+Shift+F	顯示搜索 Show Search
Ctrl+Shift+G	顯示Git Show Git
Ctrl+Shift+D	顯示調(diào)試 Show Debug
Ctrl+Shift+X	顯示擴展 Show Extensions
Ctrl+Shift+H	替換文件 Replace in files
Ctrl+Shift+J	切換搜索詳細信息 Toggle Search details
Ctrl+Shift+C	打開新命令提示符/終端 Open new command prompt/terminal
Ctrl+Shift+U	顯示輸出面板 Show Output panel
Ctrl+Shift+V	切換Markdown預(yù)覽 Toggle Markdown preview
Ctrl+K V	從旁邊打開Markdown預(yù)覽 Open Markdown preview to the side

調(diào)試 Debug

按 Press	功能 Function
F9	切換斷點 Toggle breakpoint
F5	開始/繼續(xù) Start/Continue
Shift+F5	停止 Stop
F11 / Shift+F11	下一步/上一步 Step into/out
F10	跳過 Step over
Ctrl+K Ctrl+I	顯示懸停 Show hover

集成終端 Integrated terminal

按 Press	功能 Function
Ctrl+`	顯示集成終端 Show integrated terminal
Ctrl+Shift+`	創(chuàng)建新終端 Create new terminal
Ctrl+Shift+C	復(fù)制選定 Copy selection
Ctrl+Shift+V	粘貼到活動端子 Paste into active terminal
Ctrl+↑ / ↓	向上/向下滾動 Scroll up/down
Shift+PgUp / PgDown	向上/向下滾動頁面 Scroll page up/down
Ctrl+Home / End	滾動到頂部/底部 Scroll to top/bottom

以上是VSCode中Vue開發(fā)推薦插件和VSCode快捷鍵都有哪些的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

網(wǎng)站題目：VSCode中Vue開發(fā)推薦插件和VSCode快捷鍵都有哪些-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://chinadenli.net/article40/decgho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、小程序開發(fā)、做網(wǎng)站、品牌網(wǎng)站制作、網(wǎng)站內(nèi)鏈、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)