VS Code常用快捷鍵 + Emmet批量編輯快捷鍵
// 基礎操作
Alt+ ↑ 向上移動行 Shift+Alt + ↓ 向上複製行 Ctrl+Enter 在下面換行 (這兩個快捷鍵:很多地方通用) Shift+Enter 在下面插入行 Ctrl+Shift+Enter 在上面插入行 Ctrl+Shift+\ 跳到匹配的括號 Ctrl+K Ctrl+] 展開(未摺疊)所有子區域 Ctrl+K Ctrl+0(num) 摺疊(摺疊)所有(num)層區域 Shift+Alt+A 區域註釋 Ctrl + G 轉到行... Ctrl + I 選擇當前行 Shift + Alt + F 格式化文件 Ctrl + N 新建檔案 Ctrl + 滑鼠左鍵(單擊字串) 跳轉到 當前字串對應的 方法或變數 定義的地方
// 多選擇、行、列操作
Ctrl + D 向下查詢匹配(選中字元) Alt +單擊 指定位置插入游標(多列同時編輯) Ctrl + Alt +↑ 向上插入游標(多列操作) Ctrl + Shift + Alt +↑ 列(框)選擇 Shift + Alt + I 在選定區域的每一行的末尾插入游標 Ctrl + Shift + L 選擇當前選擇的所有出現 Ctrl + F2 選擇當前字串的所有出現
// 組合
Ctrl+F(.*)正則查詢 結合 Alt+Enter 選中所有匹配結果
查詢 或 Alt+單擊 自己新增特殊字元 再結合正則查詢匹配(空格)
// 查詢正則
^ 匹配行首
\s{num} 匹配空白
\n 匹配換行 (行尾)
//查詢常用
^\s*\n 匹配所有空白行 或^\s*(?=\r?$)\n \s*\n 替換 \n 去除行尾空白
//總結: 當需要 批量編輯 時,可 1.觀察需要‘多行列編輯字元的規律’(首字母相同、空格數量相同、唯一字元),2.多結合 查詢功能
附加:
後代:>
兄弟:+
上級:^
分組:()
dl>(dt+dd)*3)
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
屬性:form#search.wide
<form id="search" class="wide"></form>
自增符號:$
批量編輯:ul>li.item$*5 || 自減:ul>[email protected]*5 ||範圍(3-5) ul>[email protected]*5
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
</ul>
自定義屬性:[a=value]
<div a="value"></div>
文字:{}
縮寫:a{Click me}
<a href="">Click me</a>
有些通用的快捷鍵未列出
相關推薦
VS Code常用快捷鍵 + Emmet批量編輯快捷鍵
// 基礎操作 Alt+ ↑ 向上移動行 Shift+Alt + ↓ 向上複製行 Ctrl+Enter 在下面換行 (
vs code常用外掛和快捷鍵
open in browser(用於開啟瀏覽器瀏覽頁面) beautify(用於更好的格式化程式碼,Ctrl+F1,輸入beautify) HTML CSS Support(讓 html 標籤上寫class智慧提示當前專案所支援的樣式) HTML Snippets(包含H5的智慧提示) css pee
MAC系統 & VS Code 常用快捷鍵備忘
複製貼上等常識就不廢話了,本文僅記錄筆者個人常用、易混淆、易遺忘的一些MAC快捷鍵操作。 ctrl+cmd+Space 召喚小可愛 cmd+Z 撤回 shift+cmd+Z 取消撤回(撤回的上一步) ctrl+cmd+F 放大視窗/縮小視窗的切換 shift
VS Code 常用快捷鍵
當前 ever require view 斷點調試 prev 標簽 隱藏 vue VS Code 常用快捷鍵 1、註釋: 單行註釋:ctrl+/, 註釋後再按取消 取消單行註釋:alt+shift+A 註釋後再按取消 2、移動行 向上移動一行:alt+
VS Code 常用外掛
1.vue提示外掛 vetur 2.px 轉 rem cssrem 設定轉化比:文化 ---》 首選項 ---》 設定 ---》 擴充套件 3.vscode漢化外掛 Chinese (Simpli
VS code常用外掛集
vue 【vetur】 vue語法高亮 【vueHelper】vue2程式碼段 react 【react playground】react租金啊執行環境 【react standard style code snippets】r
VS Code中自定義Emmet程式碼片段
vscode中內建了Emmet的擴充套件,這讓我們在寫網頁程式碼時方便了很多,但是有時我們也需要自定義一些Emmet的程式碼片段來實現一些特殊程式碼的生成,比如:自動匯入一些來自CDN的js或css樣式(Bootstrap、jQuery等)檔案。 那麼在vscode中如何來
VS Code 常用外掛列表
外掛列表 Can I Use HTML5、CSS3、SVG的瀏覽器相容性檢查 Code Runner 執行選中程式碼段(支援大量語言,包括Node) CodeBing 在VSCode中彈出瀏覽器並搜尋,可編輯搜尋引擎 Emoji 在程式碼中
VS Code 常用擴充套件庫(前端)
VS Code 常用擴充套件庫(前端) Auto-Open Markdown Preview Debugger for Chrome ESLint Git Lens — git blame annotations, code lens, and more
VS Code 常用外掛列表及配置
Can I Use HTML5、CSS3、SVG的瀏覽器相容性檢查 Code Runner 執行選中程式碼段(支援大量語言,包括Node) CodeBing 在VSCode中彈出瀏覽器並搜尋,可編輯搜尋引擎 Emoji 在程式碼中輸入emoji ESL
VS Code 的常用快捷鍵
rip pre ash router tab 新的 for 圖標 css-html VS Code 的常用快捷鍵和插件 一、vs code 的常用快捷鍵 1、註釋: a) 單行註釋:[ctrl+k,ctrl+c] 或 ctrl+/ b) 取消單行註釋:[ct
VS Code 的常用快捷鍵和插件
靜態頁 del 搜索 out lis form 開啟 css-html history 一、vs code 的常用快捷鍵 1、註釋: a) 單行註釋:[ctrl+k,ctrl+c] 或 ctrl+/ b) 取消單行註釋:[ctrl+k,ctrl+u] (按下ct
VS Code 文字編輯快捷鍵精選.md
VS Code 文字編輯快捷鍵精選 引言 VS Code 是非常適合新手的編輯器,我當初試用了許多種編輯器後最終選定它。它的輕巧、靈活、高度可定製、高度可拓展,令人愛不釋手。誠然在編輯文字方面它無法與 Vim 等神器相比,但也已經足夠好了。如果你能熟練使用快捷鍵
VS 中常用的一些快捷鍵
aid item 添加 efault lock .html tar -m ref 一、代碼自動對齊 CTRL+K+F 二、撤銷/反撤銷 1、撤銷---使用組合鍵“Ctrl+Z”進行撤銷操作 2、反撤銷--
vscode: Visual Studio Code 常用快捷鍵
when com symbol http 前端開發 bind 開發 hit 全屏 vscode: Visual Studio Code 常用快捷鍵 主命令框 F1 或 Ctrl+Shift+P: 打開命令面板。在打開的輸入框內,可以輸入任何命令,例如: 按一下 Ba
vs 2015常用快捷鍵【轉】
調試 狀態 文章 block 麻煩 插入 lock 行號 斷點 一、基礎快捷鍵 1.回到上一個光標位置/前進到下一個光標位置 1)回到上一個光標位置:使用組合鍵“Ctrl + -”; 2)前進到下一個光標位置:“Ctrl + Shift + - ”。 2.復制/剪
VS 2017常用快捷鍵
f11 https 設置 斷點 解決 ron 獲得 引用 鏈接 作者:王宸鏈接:https://www.zhihu.com/question/63424692/answer/289109419來源:知乎著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請註明出處。
VS Code快捷鍵
terminal select tom 基礎 rate bbr gem 命令提示符 tail 常用 General 按 Press功能 Function Ctrl + Shift + P,F1 顯示命令面板 Show Command Palette Ctrl
非常全的VS Code快捷鍵
按 Press 功能 Function Ctrl + Shift + P,F1 顯示命令面板 Show Command Palette Ctrl + P 快速開啟 Quick Ope
Visual Studio Code常用快捷鍵
常用快捷鍵 編輯器與視窗管理 開啟一個新視窗: Ctrl+Shift+N 關閉視窗: Ctrl+Shift+W 同時開啟多個編輯器(檢視多個檔案) 新建檔案 Ctrl+N 檔案之間切換 Ctrl+Tab 切出一個新的編輯器(最多 3 個) Ctr