開(kāi)發(fā)者常用的 Sublime Text 3 插件有哪些呢，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

創(chuàng)新互聯(lián)建站2013年至今，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站建設(shè)、網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元榆社做網(wǎng)站,已為上家服務(wù),為榆社各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

1、官網(wǎng)下載 Sublime Text 3 (已有安裝包的，請(qǐng)忽略)

    Sublime Text 官網(wǎng)下載地址 : http://www.sublimetext.com/

2、打開(kāi) Sublime Text 3 --> help --> Enter License

3、百度注冊(cè)碼 ！?。?下面提供一個(gè)

TwitterInc200 User LicenseEA7E-8900071D77F72E 390CDD93 4DCBA022 FAF6079061AA12C0 A37081C5 D0316412 4584D13694D7F7D4 95BC8C1C 527DA828 560BB037D1EDDD8C AE7B379F 50C9D69D B35179EF2FE898C4 8E4277A8 555CE714 E1FB0E43D5D52613 C3D12E98 BC49967F 7652EED29D2D2E61 67610860 6D338B72 5CF95C69E36B85CC 84991F19 7575D828 470A92AB

4、安裝 Sublime Text 3插件的方法：

    直接安裝 :

    安裝Sublime text 2插件很方便，可以直接下載安裝包解壓縮到Packages目錄（菜單       ->preferences->packages）。

    使用Package Control組件安裝 :

    也可以安裝package control組件，然后直接在線安裝： 按Ctrl+`調(diào)出console（注：安裝有QQ輸入法的這個(gè)快捷鍵會(huì)有沖突的，輸入法屬性設(shè)置-輸入法管理-取消熱鍵切換至QQ拼音）

    粘貼以下代碼到底部命令行并回車(chē)：

    ```

    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())

    ```

如果順利的話，此時(shí)就可以在Preferences菜單下看到Package Settings和Package Control兩個(gè)菜單了。

順便貼下 Sublime Text 2 的代碼：

    > import urllib2,os; pf='Package Control.sublime-package'; ipp => sublime.installed_packages_path(); os.makedirs( ipp ) if not> os.path.exists(ipp) else None; urllib2.install_opener(> urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join(> ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/'> +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')

    手動(dòng)安裝

     可能由于各種原因，無(wú)法使用代碼安裝，那可以通過(guò)以下步驟手動(dòng)安裝Package Control：

    1.點(diǎn)擊Preferences > Browse Packages菜單

    2.進(jìn)入打開(kāi)的目錄的上層目錄，然后再進(jìn)入Installed Packages/目錄

    3.下載Package Control.sublime-package并復(fù)制到Installed Packages/目錄

    4.重啟Sublime Text 3。

    用Package Control安裝插件的方法：

    1、按下 Ctrl+Shift+P 調(diào)出命令面板

    2、輸入install 調(diào)出 Install Package 選項(xiàng)并回車(chē)，然后在列表中選中要安裝的插件.

    ( Preferences --> Package Control -->install package --> 輸入插件名（包名）)

    不爽的是，有的網(wǎng)絡(luò)環(huán)境可能會(huì)不允許訪問(wèn)陌生的網(wǎng)絡(luò)環(huán)境從而設(shè)置一道防火墻，而Sublime Text 2 貌似無(wú)法設(shè)置代理，可能就獲取不到安裝包列表了。反正我用 Sublime Text 3 還沒(méi)有出現(xiàn)過(guò)這種情況啦，個(gè)人還是建議用 Sublime Text 3 。

    好，方法介紹完了，下面是本文正題，一些開(kāi)發(fā)常用的 Sublime Text 3 插件：

    · Emmet

    Emmet的前身是大名鼎鼎的Zen coding，如果你從事Web前端開(kāi)發(fā)的話，對(duì)該插件一定不會(huì)陌生。它使用仿CSS選擇器的語(yǔ)法來(lái)生成代碼，大大提高了HTML/CSS代碼編寫(xiě)的速度。不知道ZenCoding的同學(xué)強(qiáng)烈推薦去看一下：《Zen Coding: 一種快速編寫(xiě)HTML/CSS代碼的方法》。

    PS: Zen Coding for Sublime Text 2插件的開(kāi)發(fā)者已經(jīng)停止了在Github上共享了，現(xiàn)在只有通過(guò)Package Control來(lái)安裝。

    · SublimeCodeIntel 

    代碼自動(dòng)提示，一個(gè)全功能的 Sublime Text 代碼自動(dòng)完成引擎 ，支持的語(yǔ)言挺多的（JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.）

    · Alignment

    用于代碼格式的自動(dòng)對(duì)齊，等號(hào)對(duì)齊（Ctrl+Alt+A）。Sublime Text 3 已經(jīng)集成。只需要通過(guò)Package Control來(lái)安裝就可。 

    快捷鍵會(huì)有沖突 重新在Alignment > Key Bindings – User 配置快捷鍵 ctrl+alt+f

    · SublimeLinter

    代碼校驗(yàn)插件，支持多種語(yǔ)言，這個(gè)是主插件，如果想檢測(cè)特定的文件需要單獨(dú)下載,一個(gè)支持linter語(yǔ)法的插件，可以高亮linter認(rèn)為有錯(cuò)誤的代碼行，也支持高亮一些特別的注釋?zhuān)热纭癟ODO”，這樣就可以被快速定位。

    · SideBarEnhancements

    側(cè)邊欄右鍵增效插件，提高頁(yè)面處理速度，增強(qiáng)右鍵菜單文件操作功能 。

    · All Autocomplete

    Sublime Text 默認(rèn)的 Autocomplete 功能只考慮當(dāng)前的文件，而 All Autocomplete 插件會(huì)搜索所有打開(kāi)的文件來(lái)尋找匹配的提示詞。

    · AutoFileName 　

    自動(dòng)提示路徑插件，快速幫助你在文件中寫(xiě)路徑，整體來(lái)說(shuō)這個(gè)插件還不錯(cuò)。

    · HTML5 

    Sublime Text 3 支持 HTML5

    · Sass 

    Sublime Text 3 支持 Sass

    · Less

    Sublime Text 3 支持 Less

    ·SublimeTmpl

    使用: 菜單欄, File-New File (SublimeTmpl), 選擇列表里的相應(yīng)菜單, 可直接使用模版新建文件。

    默認(rèn)快捷鍵: ctrl+alt+h --> html

                       ctrl+alt+j --> javascript

                       ctrl+alt+c --> css

                       ctrl+alt+p--> php

                       ctrl+alt+r--> ruby

                       ctrl+alt++shift+p --> python

    關(guān)閉默認(rèn)快捷鍵: Package Settings > SublimeTmpl > Settings - User, 增加disabled_keymap_actions配置: "disabled_keymap_actions": "html, css" // 關(guān)閉html/css語(yǔ)法的快捷鍵(多個(gè)逗號(hào)分隔) "disabled_keymap_actions: "all" //關(guān)閉所有語(yǔ)法快捷鍵

    · BracketHighlighter

    配置文件的高亮設(shè)置，讓你的代碼有不同的顏色區(qū)分，該插件提供配對(duì)標(biāo)簽，或大括號(hào)或字符引號(hào)的配對(duì)高亮顯示，算是對(duì)系統(tǒng)高亮的加強(qiáng)吧。類(lèi)似于代碼匹配，可以匹配括號(hào)，引號(hào)等符號(hào)內(nèi)的范圍。成對(duì)匹配增強(qiáng)，并修改括號(hào)等的顏色。

    · jQuery

    Sublime Text 3 支持jQuery，如果你離不開(kāi)jQuery的話，這個(gè)是必備的

    · DocBlockr

    快速注釋?zhuān)珼ocBlockr很好用，不僅僅可以自動(dòng)生成注釋?zhuān)€可以手動(dòng)編輯注釋的格式。

    DocBlockr自定義配置： Preference -> Package Settings -> DocBlockr -> Settings - User

    配置成如下內(nèi)容：  

         {   

             "jsdocs_extra_tags":[      

                                          "@Author Hybrid",

                                          "@DateTime `date`",

                                          "@copyright ${1:[copyright]}",

                                          "@license ${1:[license]}",

                                          "@version ${1:[version]}"

                               ],   

                                 "jsdocs_function_description": false

          }  

    · DetectSyntax

這是一個(gè)語(yǔ)法識(shí)別、代碼檢測(cè)插件。

    · Autoprefixer

       這個(gè)插件主要應(yīng)用css的瀏覽器兼容書(shū)寫(xiě)，自動(dòng)分析你的css文件，解析出新的css文件，可以配置你要兼容的瀏覽器，不過(guò)這個(gè)插件要在之前安裝nodejs。

    · BufferScroll

      你可以輕松書(shū)寫(xiě)一個(gè)文件多個(gè)位置，以后需要多個(gè)文件一起改同樣的代碼時(shí)就可以用這個(gè)，提高寫(xiě)代碼的速率。

    · ChineseLocalizations

    各國(guó)的語(yǔ)言包都有哦 , 漢化 Sublime Text 3

    · Color Highlighter

    顏色功能，提示當(dāng)前是什么顏色。會(huì)直接在代碼上顯示出來(lái)。

    · ColorPicker

    調(diào)色盤(pán)，顏色獲取。

    · JsFormat

    js序列化插件

    · CSS Format

    css序列化插件，支持默認(rèn)多種序列方案，還可自定義配置。

    · CSS3

    css3語(yǔ)言提示插件

    · HTML-CSS-JS Prettify

    全能序列化

    · JavaScript Completions 

    js最基本的api快查片段 

    ·  Keymaps 

    快速查找所有插件的快捷鍵 

    · LiveStyle

    LiveStyle是Chrome中提高開(kāi)發(fā)效率的一款CSS編輯器插件。

    · Placeholders

    故名思意，占位用，包括一些占位文字和HTML代碼片段，實(shí)用。

    · Clipboard History

    粘貼板歷史記錄，方便使用復(fù)制/剪切的內(nèi)容。

    · Nettuts Fetch

    Nettuts Fetch可以讓你設(shè)置一些需要同步的文件列表，然后保存更新。

    · JsMinifier

    該插件基于Google Closure compiler，自動(dòng)壓縮js文件。

    · CSScomb

    CSS屬性排序 

    · YUI Compressor

    壓縮JS和CSS文件

    · Hex to HSL

    自動(dòng)轉(zhuǎn)換顏色值，從16進(jìn)制到HSL格式，快捷鍵 Ctrl+Shift+U

    · ConvertToUTF8

    將文件編碼從GBK轉(zhuǎn)換成UTF8，UTF8轉(zhuǎn)換。

    · Git

    該插件基本上實(shí)現(xiàn)了git的所有功能。提供Git常用的命令集合。

    · Can I Use

    可以直接調(diào)整到caniuse看到當(dāng)前屬性的瀏覽器支持情況。

    · InsertDate

    插入時(shí)間，項(xiàng)目文件存在cdn的時(shí)候，需要改變時(shí)間戳才會(huì)看到效果，這個(gè)是個(gè)好東西。

    · FileDiffs 

      查找文檔不同

    5、新建 Sublime Text 3 項(xiàng)目 ：

                -- 在你需要的目錄新建文件夾

                -- 拖拽到 Sublime Text 3 中

                -- 新建文件  ctrl+n   輸入文件名 -- ctrl+s 保存文件

    6、安裝  Sublime Server

                使用 sublime server 啟動(dòng)本地服務(wù)器進(jìn)行調(diào)試

                -- 打開(kāi) Package Control，選擇 install package , 搜索 sublime server進(jìn)行安裝

                -- 使用sublime server插件: Tools --> start sublime server

                -- 在你需要瀏覽的頁(yè)面文件中，鼠標(biāo)右鍵，View in  sublime server

關(guān)于開(kāi)發(fā)者常用的 Sublime Text 3 插件有哪些呢問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

當(dāng)前名稱：開(kāi)發(fā)者常用的SublimeText3插件有哪些呢
文章路徑：http://chinadenli.net/article28/pddpjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、定制開(kāi)發(fā)、、動(dòng)態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)