1. 程式人生 > >VS Code常用快捷鍵 + Emmet批量編輯快捷鍵

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