Sublime Text 3安裝常用插件的方法及使用報錯方法總結

常用安裝方法

Sublime必備插件

必備的:Alignment,JsFormat,CSSComb,CTags,DocBlockr,Emmet,FileDiffs,SASS,LESS,SASS Build,Lessc,Git,SublimeLinter

 

1. Emmet(原名 Zen Coding)一種快速編寫html/css的方法

注意:安裝Emmet的同時,也會自動安裝其依賴PyV8 binary庫,安裝PyV8庫會用較長時間,可以在Sublime左下角看到安裝進程狀態

2. html5

支持hmtl5規範的插件包

注意:與Emmet插件配合使用,效果更好

使用方法:新建html文檔>輸入html5>敲擊Tab鍵>自動補全html5規範文檔

3. jQuery
支持JQuery規範的插件包

4. javascript-API-Completions
支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標籤屬性提示的插件,是少數支持sublime text 3的後綴提示的插件,HTML5標籤提示sublime text 3自帶,不過JQuery提示還是很有用處的,也可設置要提示的語言。

安裝方法(請閱讀鏈接詳情):http://www.ithao123.cn/content-10545789.html

5. JSFormat
JS代碼格式化插件。

使用方法:使用快捷鍵ctrl+alt+f

6. SublimeLinter
一個支持lint語法的插件,可以高亮linter認爲有錯誤的代碼行,也支持高亮一些特別的註釋,比如“TODO”,這樣就可以被快速定位。(IntelliJ IDEA的TODO功能很贊,這個插件雖然比不上,但是也夠用了吧)

 7. BracketHighlighter
類似於代碼匹配,可以匹配括號,引號等符號內的範圍。

使用方法:系統默認爲白色高亮,可以使用鏈接所述方法進行自定義配置

http://www.360doc.com/content/14/1111/15/15077656_424301780.shtml

8. Alignment
代碼對齊,如寫幾個變量,選中這幾行,Ctrl+Alt+A,哇,齊了。

9. Ctags
函數跳轉,我的電腦上是Alt+點擊 函數名稱,會跳轉到相應的函數

10. Doc​Blockr
註釋插件,生成幽美的註釋。標準的註釋,包括函數名、參數、返回值等,並以多行顯示,省去手動編寫。

使用方法見:http://www.cnblogs.com/huangtailang/p/4499988.html

11. SideBarEnhancements
側欄右鍵功能增強,非常實用

使用方法(參考鏈接內容):http://www.w3cfuns.com/notes/13810/d9b9ed2fb80785dae88a5344ef0f30d4.html
 

直接安裝:

1,下載插件安裝包,

2,打開Sublime Text,依次Preferences→Browse Packages… 打開了一個文件夾,把解壓的Emmet插件複製到這個文件夾的目錄下直接解壓到packages的目錄

3,重啓Sublime Text,你會看到右下角在下載PyV8,等到下載成功你就可以看到Emmet所在的目錄多了一個PyV8的文件夾

插件安裝包的網址;

1、官網下載Emmet 

https://github.com/sergeche/emmet-sublime#readme

2、下載相應版本的PyV8(如果網絡情況比較好的情況下無需下載,將emmet插件包放到安裝目錄下面,重啓subline text的時候,會自動安裝下載PyV8)

https://github.com/emmetio/pyv8-binaries

2,網絡安裝插件,

用Package Control安裝插件的方法:(網絡安裝方法比較簡單,前提是網絡環境比較好的情況下。)

  1. 按下Ctrl+Shift+P調出命令面板
  2. 輸入install 調出 Install Package 選項並回車,然後在列表中選中要安裝的插件。

常見錯誤有一下幾個

1,Package Control:There are no packages available for installation

據StackOverflow上說是IPv6造成,如果我們的Intent服務提供者(ISP)不支持IPv6就會引發上述錯誤,原文如下:

This error is happened with IPv6 problem. If yourInternet Service Provider (ISP) does not support for IPv6 you got this error.

具體請參考:http://stackoverflow.com/questions/25105139/sublime-text-2-there-are-no-packages-available-for-installation

如果IPV6有問題,curl就會打印類似這樣的錯誤:

curl: (7) Failed to connect to xxxxx...

找到了問題原因,下面着手解決它。

第一步:取得sublime.wbond.net的IPv4地址。在命令提示符中輸入以下命令:

ping sublime.wbond.net

 

第二步:打開C:\Windows\system32\drivers\etc\hosts文件,增加如下對應關係:{IPv4 address}sublime.wbond.net

保存文件,然後再打開Package Control(快捷鍵Ctrl+Shift+P)開始安裝即可。

情形二:Package Control:Unableto download Emmet.Please view the console for more details./Error while loading PyV8 binary:exit code 3…

 

類似這種插件無法下載的問題,一般是由於網速慢,或者目標域名被牆而無法正常訪問導致的。

這種情況下,首先檢查本地網絡是否可以訪問,檢測下載速度是不是特別慢,

如果網速太慢,換個時間再安裝。還有一個辦法是:到github或第三方網站手動下載安裝包,然後解壓到安裝目錄下的/Packages目錄下。
 

另外許多插件都依賴於Python的,在插件安裝開始時會去下載Python相關資源,

比如,Emmet安裝就會先下載你係統位數一致的Python版本,我們在debug窗口可以看到這些信息

其中有兩條,表示下載失敗,原因一般是網速慢請求超時或被牆了。

Emmet: Loading PyV8 binary from https://raw.github.com/emmetio/pyv8-binaries/master/pyv8-win64.zip

Emmet.pyv8loader: Unable to download package from https://raw.github.com/emmetio/pyv8-binaries/master/pyv8-win64.zip Wrong URL error

同時,pyv8下載失敗會彈出一個提示框:

這時候,我們按照給出的zip包下載地址手動下載PyV8的安裝包(PyV8的項目地址爲https://github.com/emmetio/pyv8-binaries#readme,可以根據系統種類選擇對應安裝包),下載成功後打開菜單Preferences – Browser Packages,然後解壓到子目錄PyV8內。比如我的對應目錄是D:\Program Files\Sublime Text2\Data\Packages\PyV8\win64(若你的是32位系統,最終目錄則爲win32)。

 

大多數情況,PyV8安裝好了以後,再安裝需要的其他插件便可順利進行了。

情形三:

sublime text 3安裝html-css-js prettify後使用時報錯An unhandled OS error was encountered

意思大概是node.js什麼路徑沒配置對,對於開始下載sublime text 3使用到各種插件的安裝,這麼長一段時間裏,下各種插件都是下載好就能使用,遇到這個需要配置路徑還是頭一次,

也是折騰了好久才弄明白怎麼配置

1.先打開cmd 輸入命令 where node //這是查找本地node安裝在什麼地方

比如說我的就在F盤

然後回到sublime text 3 快捷鍵 Ctrl+Shift+h進入報錯界面-->配置界面,

如果找不到這個文件的話,他在你本地這個位置\Sublime Text 3\Packages\HTML-CSS-JS Prettify\HTMLPrettify.sublime-settings

然後將上面windows配置路徑改爲一早cmd裏的node.js路勁(因爲我是windows系統,所以只改了這一項),之後就可以正常使用了。

直接輸入html:5按tab鍵既可以快速將html的頭部進行輸出

下面是輸入不同信息,按tab鍵之後,生成的不同html版本的頭部信息

html:4t

html:4s

html:xs

html:xt

html:5

 

 

 

.列一下常用的快捷鍵:                                                                                         

Ctrl+D 選詞 (反覆按快捷鍵,即可繼續向下同時選中下一個相同的文本進行同時編輯)

Ctrl+G 跳轉到相應的行

Ctrl+J 合併行(已選擇需要合併的多行時)

Ctrl+L 選擇整行(按住-繼續選擇下行)

Ctrl+M 光標移動至括號內開始或結束的位置

Ctrl+T 詞互換

Ctrl+U 軟撤銷

Ctrl+P 查找當前項目中的文件和快速搜索;輸入 @ 查找文件主標題/函數;或者輸入 : 跳轉到文件某行;

Ctrl+R 快速列出/跳轉到某個函數

Ctrl+K Backspace 從光標處刪除至行首

Ctrl+KB 開啓/關閉側邊欄

Ctrl+KK 從光標處刪除至行尾

Ctrl+KT 摺疊屬性

Ctrl+KU 改爲大寫

Ctrl+KL 改爲小寫

Ctrl+K0 展開所有

Ctrl+Enter 插入行後(快速換行)

Ctrl+Tab 當前窗口中的標籤頁切換

Ctrl+Shift+A 選擇光標位置父標籤對兒

Ctrl+Shift+D 複製光標所在整行,插入在該行之前

ctrl+shift+F 在文件夾內查找,與普通編輯器不同的地方是sublime允許添加多個文件夾進行查找

Ctrl+Shift+K 刪除整行

Ctrl+Shift+L 鼠標選中多行(按下快捷鍵),即可同時編輯這些行

Ctrl+Shift+M 選擇括號內的內容(按住-繼續選擇父括號)

Ctrl+Shift+P 打開命令面板

Ctrl+Shift+/ 註釋已選擇內容

Ctrl+Shift+↑可以移動此行代碼,與上行互換

Ctrl+Shift+↓可以移動此行代碼,與下行互換

Ctrl+Shift+[ 摺疊代碼

Ctrl+Shift+] 展開代碼

Ctrl+Shift+Enter 光標前插入行

Ctrl+PageDown 、Ctrl+PageUp 文件按開啓的前後順序切換

Ctrl+Z 撤銷

Ctrl+Y 恢復撤銷

Ctrl+F2 設置書籤

Ctrl+/ 註釋整行(如已選擇內容,同“Ctrl+Shift+/”效果)

Ctrl+鼠標左鍵 可以同時選擇要編輯的多處文本

Shift+鼠標右鍵(或使用鼠標中鍵)可以用鼠標進行豎向多行選擇

Shift+F2 上一個書籤

Shift+Tab 去除縮進

Alt+Shift+1~9(非小鍵盤)屏幕顯示相等數字的小窗口

Alt+. 閉合當前標籤

Alt+F3 選中文本按下快捷鍵,即可一次性選擇全部的相同文本進行同時編輯

Tab 縮進 自動完成

F2 下一個書籤

F9 行排序(按a-z)

F11 全屏模式

文章轉載博客:https://blog.csdn.net/freshlover/article/details/44261229,更多詳細信息請進入該博客瞭解

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章