Sublime快速生成html頁面

作為一名Phper,我常用的IDE,除了PhpStorm之外,就是Sublime text。
Sublime text 簡潔,開機快,占內存少。
今天介紹的是,Sublime text 安裝了強大的插件——emmet后,具有強大的自動補全功能。

創(chuàng)新互聯咨詢熱線:028-86922220,為您提供成都網站建設網頁設計及定制高端網站建設服務,創(chuàng)新互聯網頁制作領域10年,包括成都資質代辦等多個方面擁有多年的網站制作經驗,選擇創(chuàng)新互聯,為網站保駕護航!

只需一個驚嘆號:
!再按Tab鍵,就生成一個HTML頁面。

具體方法如下:

一,安裝sublime

1.安裝sublime text 3。
下載在此:http://www.sublimetext.com/3

2.打開sublime text 3,按CTRL + `或者在菜單中選擇View > Show Console,可打開控制臺——也就是下面的一條輸入框。

3.在輸入框中復制粘貼下以下代碼:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

然后回車。這時可以看到鼠標變成了旋轉的彩色圓圈,稍等片刻,一些代碼出現在了控制臺的上面。重啟sublime text 3。

二,安裝emmet插件

1.在sublime text 3中按下快捷鍵CTRL + SHIFT + P
或者在菜單中選擇Tools > Command Palette…

2.在彈出的輸入框的自動提示中選擇Package Control: Install Package。

3.輸入Emmet并點擊。此時emmet開始安裝啦。等待幾分鐘,待最下面一行顯示幾行l(wèi)ine,幾個column時,emmet就算裝好了。再次重啟sublime text 3。

三,快速補全的例子

  1. sublime中新建文件 右下角顯示選擇為HTML
  2. Emmet for Dreamweaver:HTML/CSS代碼快速編寫神器
    https://blog.csdn.net/ys743276112/article/details/38133995

參考文章:
https://www.jianshu.com/p/3e51778a2027

當前文章:Sublime快速生成html頁面
地址分享:http://muchs.cn/article0/ghijio.html

成都網站建設公司_創(chuàng)新互聯,為您提供網站制作虛擬主機、定制網站、外貿建站、Google、全網營銷推廣

廣告

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

外貿網站建設