windows7下Sublime?

Tags: 功能, 外掛,

Sublime Text 是一個輕量、簡潔、高效、跨平臺的編輯器。。Sublime Text 的主要功能包括:拼寫檢查,書籤,完整的 Python API , Goto 功能,即時專案切換,多選擇,多視窗等等。支援N種主流程式語言的語法高亮,是我的最愛。

工具/原料

windows7

Sublime Text 3

Emmet

方法/步驟

安裝Sublime Text 3

1、到官網下載最新版安裝包(Sublime Text Build 3083 x64 Setup.exe)

2、雙擊安裝包安裝。

注意在安裝時勾選 Add to explorer context menu ,這樣在右鍵單擊檔案時就可以直接使用Sublime Text開啟;

windows7下Sublime Text 3外掛Emmet安裝使用

windows7下Sublime Text 3外掛Emmet安裝使用

安裝包控制器(Package Control)

只有安裝了包控制器才能線上安裝所需的外掛。

1、通過快捷鍵ctrl+`或者View > Show Console開啟命令控制器,

2、在控制檯輸入如下的Python命令,後按回車。等待下載安裝看到成功的提示,重啟就能看到Package Control了。

windows7下Sublime Text 3外掛Emmet安裝使用

windows7下Sublime Text 3外掛Emmet安裝使用

windows7下Sublime Text 3外掛Emmet安裝使用

windows7下Sublime Text 3外掛Emmet安裝使用

安裝Emmet外掛

1、通過快捷鍵ctrl+shift+p或者選單欄 Preferences>Package Control,開啟Package Control控制面板;

2、搜尋框鍵入Install Package命令(可以簡寫pcip)點選 Package Control:Install Package並回車會載入一小會,所以耐心等一下。別做多餘操作,不然包控制器的介面會消失的。

2、然後在列表選擇Emmet(也可以直接搜尋Emmett進行檢索輸入Emmet),點第一個就開始安裝Emmet外掛,在 Emmet 安裝完成後,會顯示如下螢幕:然後會自動安裝PyV8,安裝完成,重啟 Sublime Text 3。跳出Emmet資訊介面就證明安裝成功!然後你就可以開始編程式碼啦!

常用的命令:

Install Package(安裝擴充套件)

List Package(列出全部擴充套件)

Remove Package(移除擴充套件)

Upgrade Package(升級擴充套件)

windows7下Sublime Text 3外掛Emmet安裝使用

windows7下Sublime Text 3外掛Emmet安裝使用

檢視已經安裝的外掛

1、Preferences->Package Settings可以看到已經安裝的外掛

2、重新調出控制面板ctrl+shift+p,鍵入List Package(可以簡寫pclp)列出全部擴充套件,檢視是否已經安裝成功。

windows7下Sublime Text 3外掛Emmet安裝使用

windows7下Sublime Text 3外掛Emmet安裝使用

windows7下Sublime Text 3外掛Emmet安裝使用

測試使用Emmet:

Emmet安裝成功後建立hello.html檔案

1、新建html文件結構!按Ctrl+e 生成;

2、ul#test>li*4{hello}按Ctrl+e 生成;

windows7下Sublime Text 3外掛Emmet安裝使用

windows7下Sublime Text 3外掛Emmet安裝使用

注意事項

Sublime Text 是收費軟體,但可以無限期試用。只是在儲存檔案時偶爾會諮詢是否付費(purchased)只要選擇否即可,不影響開發。

深入Sublime Text、Emmet請移步各自官網,操作的東西,注重實踐

相關問題答案