1. 程式人生 > >Sublime Text 3如何快速生成HTML5的頭部資訊和常用的快捷鍵

Sublime Text 3如何快速生成HTML5的頭部資訊和常用的快捷鍵

一、快速生成HTML5的頭部資訊的步驟:

1.Ctrl + N,新建一個文件;

2.Ctrl + Shift + P,開啟命令模式,再輸入 sshtml 進行模糊匹配,將語法切換到html模式;

3.輸入  !,再按下 Tab鍵或者 Ctrl + E ,就能快速開啟HTML5的整體結構。

二、十分常用的快捷鍵:

  • Ctrl + P,開啟搜尋框。具體操作為:1、輸入當前專案中的檔名,快速搜尋檔案,2、輸入@和關鍵字,查詢檔案中函式名,3、輸入:和數字,跳轉到檔案中該行程式碼,4、輸入#和關鍵字,查詢變數名。
  • Ctrl + 回車,在當前行的下一行新增一行空行。
  • Ctrl + Shift + 回車,在當前行的上一行新增一行空行。
  • Ctrl + Z,撤銷。
  • Ctrl + Y,取消撤銷。
  • Ctrl + ],或者Tab鍵,向右縮排。
  • Ctrl + [,或者Shift +Tab,向左縮排。
  • Ctrl + Shift + V,貼上過程中保持縮排。
  • Alt + F3,選中選擇的詞。

“>”號,子元素選擇符;“.”號,後面跟的是class名;“$”符,代表的是序號。

舉個例子:輸入 ul>.item$*10,再按下Ctrl + E,則會一次性輸出一個無需列表,列表中有10個帶有class名為item的 li 行。

無疑這種一次性輸入多行的方式十分快捷。如果多行有同一種操作,可以運用多行遊標,Alt + F3會選中滑鼠之前選擇的詞,此時多行被選中,按方向鍵可以選擇移動,按 { } 可以在裡面輸入內容,最後將游標移出 } 外,Ctrl + E則會將 { } 內的內容全部輸出,一次輸出多行。比如在全部選中後,輸入 h2 { this .... },再Ctrl + E

,則會輸出多行h2大小字型的 this.... 字樣。

相關推薦

visual studio code快速生成Html頭部資訊程式碼補全

Child: > nav>ul>li <nav> <ul> <li></li> </ul> </nav>

Sublime Text 3如何快速生成HTML5頭部資訊常用快捷

一、快速生成HTML5的頭部資訊的步驟: 1.Ctrl + N,新建一個文件; 2.Ctrl + Shift + P,開啟命令模式,再輸入 sshtml 進行模糊匹配,將語法切換到html模式; 3.

sublime3中如何快速生成html頭部資訊

前提要安裝Emmet 外掛;已經結束了啊,不要以為下面的操作跟問題有關,下面是具體的生成頭部資訊方法 下面是具體的使用方法  輸入下邊加粗的縮寫,然後Tab,就可以了,如圖: 生成html4.01 Transitional用html:4t 生成html4.01 s

sublime text 3 設定在不同瀏覽器中執行的快捷方式

        自從遇到sublime text 後,一下子就喜歡上了這款軟體,強大的外掛支援功能,真的讓人愛不釋手!可是,不得不說,它有一個小缺點,就是隻能在預設的瀏覽器中開啟(貌似也沒有外掛可以解決這個問題(個人拙見))。。不知道別人怎麼想,反正強迫症的我是有些容忍不了

sublime text 3 + python配置,完整搭建及常用外掛安裝

    四年的時間,一直使用EmEditor編輯器進行Python開發,之前是做面向過程,只需要將一個單獨的py檔案維護好即可,用著也挺順手,但是最近在做面向物件的開發,不同的py檔案中相互關聯較多,感覺單純使用EmEditor編輯器確實有些低效(主要是對EmEditor的外

[轉]-Sublime Text 3最好的功能、外掛設定

以下內容轉載或引用或參考 http://www.css88.com/archives/5858 小編推薦:掘金是一個高質量的技術社群,從 ECMAScript 6 到 Vue.js,效能優化到開源類庫,讓你不錯過前端開發的每一個技術乾貨

sublime text 3:建立可重複用的程式碼片段php檔案頭部註釋資訊快速生成

http://www.zan3.com/sublime-text-3%E5%88%9B%E5%BB%BA%E5%8F%AF%E5%A4%8D%E7%94%A8%E7%9A%84%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5php%E6%96%87%

Sublime Text 3安裝Package Control快速建立html5xhtml文件

Sublime Text 3安裝Package Control快速建立html5和xhtml文件 先關閉Sublime text 3:第1步:下載sublime_package_control-master.zip ,解壓命名資料夾為Package Control。(注意大小寫) https://gith

Sublime Text2 新建文件快速生成Html頭部信息炫酷的代碼補全

開始 link pre master sse span tro man 語法 預備:安裝emmet插件(previously known as Zen Coding) 方法一 package control法: 上一篇博客已經介紹了如何安裝package

使用DW、Sublime快速生成HTML頭部DW中站點建立及顯示檔案字尾名

Dreamweaver 8 中快速生成DOCTYPE頭部(需要外掛): 新增 Zen Coding 外掛,或者emmet 外掛(Sublime 中使用在這也可以用) 開啟DW 8 –>命令–

Sublime Text 3 快捷總結

tex pack text 安裝 定位 pac 窗口 位置 默認 選擇類 Ctrl+D 選中光標所占的文本,繼續操作則會選中下一個相同的文本。 Alt+F3 選中文本按下快捷鍵,即可一次性選擇全部的相同文本進行同時編輯。舉個栗子:快速選中並更改所有相同的變量名、函數名等。

我的sublime Text 3 設置

換行符 sch 設置 log 當前 show efault them style 1、下載sublime Text 3 :從官方網站上或者其他地方都可以 2、安裝漢化包:Package Control中搜索Chinese,選擇ChineseLocaization,無需重啟就

Sublime Text 3配置瀏覽默認路徑為localhost

技術 type project 打開 url 目錄 host ren get 1、在 Sublime Text 3 中,安裝 SideBarEnhancements 側邊欄增強插件。(註意:安裝插件之前需要安裝包管理工具,參考這裏) 2、SideBarEnhancement

如何讓vue文件中的代碼在Sublime Text 3中高亮智能提示

sta sublime light 彩色 沒有 智能提示 tex syn package 大家寫在Sublime Text 3中編寫vue文件時,會發現沒有代碼智能提示,清一色的黑底白字,不會像html、js一樣變成彩色,給我們帶來了很大的不便。所以需要安裝一款叫作Vue

sublime text 3 安裝ES6插件

bsp http log -1 ges 安裝 .com sub cnblogs sublime text 3 安裝ES6插件

sublime text 3 顯示空格Tab

ces space setting 希望 pytho blog csdn 顯示 img 因為sublime text3確實太好用了所以也用它寫代碼了,可是在Python3中不支持Tab鍵和空格鍵混用所以要改變顯示方式,以便方便使用,突然發現網上的資料太少,所以我把它貼了出來

Sublime text 3 格式化HTML/css/js/json代碼 插件

快捷 ctrl+alt ctr install nbsp 重新 安裝 -c pack JsFormat: 這裏下載這插件包 https://github.com/sprinng/JsFormat ,點油下角的zip就能下載 插件包放到sublime安裝目錄的Data\P

Sublime Text 3 添加到右菜單

打開 edit col 右鍵 pan 右鍵菜單 window ext win Sublime Text 3 添加到右鍵菜單 學習了:http://jingyan.baidu.com/article/cdddd41c99d07653ca00e147.html Windows

分針網——每日分享:玩轉 Sublime Text 3

學習更多IT知識 加群:272292492 1. 安裝 Sublime Text 3 進入 Sublime Text 3 官網 下載對應系統安裝包,安裝

Sublime Text 3,有了Anaconda就會如虎添翼

-h text 最有 tin 下載地址 cond sage efault 文檔 作為Python開發環境的Sublime Text 3,有了Anaconda就會如虎添翼。Anaconda是目前最流行也是最有威力的Python代碼提示插件。 操作步驟 1.打開packag