Sublime Text3插件安裝及使用（圖文配合，經常使用前端插件集錦）

Sublime Text3插件安裝及使用（圖文配合，經常使用前端插件集錦）

目錄

• 插件安裝方法
• 最經常使用的插件
• 拓展
• 更多自定義配置

插件安裝方法(這個是在軟件內自動安裝的方法)

1.打開Sublime Text3
2.第一次安裝插件要先安裝Package Control，Package Control能夠說得上是軟件的母插件，必須先安裝。首先「ctrl+~」打開控制檯，複製Package Control官網的安裝代碼，粘貼到控制檯，「enter鍵」安裝。使用Sublime Text3就選用Sublime Text3的官方插件安裝代碼

例如Sublime Text3的安裝代碼爲

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
複製代碼

過時了，就到官網自行復制。
3.安裝過程當中不要關閉Sublime Text3，安裝完成控制檯會有提示的，安裝完成後重啓軟件。而後在菜單欄的Preferences菜單下你會看到Package Settings和Package Control兩個選項，這也表明安裝成功。
4.到了這裏就是真正開始安裝咱們須要的插件的步驟了，咱們想安裝什麼插件最好先到Package Control官網插件頁，看看所要安裝插件的樣式及說明，手動安裝插件也是到這裏下載插件包，放在軟件的安裝目錄下的Package Control文件內就行。
5.首先「Ctrl+Shift+p」,輸入pci,找到"Package Control:Install Package "選中，「enter鍵」確認，這時通常狀況要等一下子，纔會出現新的輸入框，而後輸入插件名（例如「Emmet」）「enter鍵」確認進行安裝。

6.而後在安裝好插件後，會有相應的代碼提示，好比告訴你成功安裝之類的，部分插件沒有提示。
7.查看所安裝的插件：「Ctrl+Shift+p」,輸入pc,找到"Package Control:List Packages "選中，「enter鍵」確認，這時通常狀況要等一下子，就會出現你所安裝的插件了

最經常使用的插件

插件官網，如下連接插件的官方地址，裏面有詳細的樣式及使用介紹，就不一一敘述了
1.Emmet：（前端必備插件）官網Emmet插件說明 || 源碼地址
2.Theme - Spacegray：（顏色主題）官網Theme - Spacegray插件說明 || 源碼地址
3.JavaScript & NodeJS Snippets：（js&node開發）官網JavaScript & NodeJS Snippets插件說明 || 源碼地址
4.jQuery：（jQuery開發) 官網jQuery插件說明 || 源碼地址
5.DocBlockr:（快速註釋）官網DocBlockr插件說明 || 源碼地址
6.SublimeLinter：（語法及風格校驗總框架）官網SublimeLinter插件說明 || 源碼地址
7.SublimeLinter-jshint：（js語法及風格校驗）官網SublimeLinter-jshint插件說明 || 源碼地址
8.ColorPicker：（顏色拾取器）官網ColorPicker插件說明 || 源碼地址
9.AutoFileName：（文件名補充引用）官網AutoFileName插件說明 || 源碼地址

拓展

對六、七、插件安裝及使用拓展：語法和編寫風格的校驗插件SublimeLinter

1. 先安裝SublimeLinter插件，它是總框架,具體語言再另行安裝
2. 安裝具體語言風格例如js, 就再安裝插件爲SublimeLinter_JShint
3. 在自己電腦上還須要先安裝npm包，就是安裝node.js（通常node包含了npm包），再在npm安裝JShint,即在cmd命令行輸入：npm install -g jshint,「enter鍵」確認安裝（要安裝大於2.5版本才能正常使用jshint）
4. 自定義校驗規則：在工程中建立配置文件，名字必須是.jshintrc ,（PS：語言風格是json，但不是json文件，是.jshintrc文件）
5. 能夠自定義校驗風格 "eqeqeq":true //強制三等號驗證；"curly":true//必須規範js有大括號，不能省略；還有其他自定義風格到該插件的官網介紹查找學習使用。

更多自定義配置

更多Sublime Text3自定義配置到做者的配置庫觀看配置文件,庫會一直更新的，固然風格配置是我的喜愛，沒有什麼是最好的，按本身喜愛，怎麼舒服怎麼配置。

回到頂部