附件3sublime軟件使用及常用插件安裝圖文教程

SublimeText3程使用SublimeText2升級(jí)到3了，但猶如寒天飲冰水，冷暖盡自知。最初也是不耗費(fèi)了本量的時(shí)間和精力所以蒙生了寫這《SublimeText3全程詳細(xì)指南一來對(duì)自己的經(jīng)驗(yàn)是一個(gè)總結(jié)，二來可以給初學(xué)者做個(gè)系統(tǒng)、全面的指引，讓他們少走我當(dāng)時(shí)走過的彎路，從而能快速地掌握SublimeText目前我正在使用的版本是SublimeText3Build3083beta本為準(zhǔn)，并以windows7x64平臺(tái)為示例。至于其它的版本也不會(huì)有太大的差異。SublimeText1、SublimeTextLinux、OSXWindows4、SublimeText為軟件，建議有能力的人使用，以支持開發(fā)者。不過不也可以一直使用三、與安1、：目前的正式版本為v2.0.2，我們打開官網(wǎng)http://w /3，SublimeText3Build3083。其中“Windows64bit”下來為“SublimeTextBuild3083x64Setup.exe”的安裝程序；“portableversion”下來為“SublimeTextBuild3083x64.zip”編輯器的包，解壓后無需安裝就能運(yùn)行。如果你的電腦平臺(tái)是windowsx86,也就是32位的系統(tǒng)，“Windows”32位的安裝程序，如果不想安裝，就點(diǎn)擊其后的“portableversion”它的32位編輯器包。2、安裝：雙擊上一步下來的“SublimeTextBuild3083x64Setup.exe”，記得選擇“Addtoexplorer 了-如下圖添加所需代碼，根據(jù)自己的喜好進(jìn)行設(shè)置。設(shè)置字體用"font_face":"字體名稱"，設(shè)置字體大小用 1PackagePackageControlSublimeText中的插件。打開PackageControl的網(wǎng)頁(yè)，點(diǎn)擊右側(cè)的“InstallNow”按鈕進(jìn) 頁(yè)面，選擇“SUBLIMETEXT3”選項(xiàng)卡 'd0e7a3098092775ccb37ca9d6b2e4b7d';pf='PackageControl.sublime-package';ipp=urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));by=urllib.request.urlopen(''+pf.replace('','%20')).read();dh=hashlib.sha256(by).hexdigest();print('Errorvalidatingdownload(got%sinsteadof%s),pleasetrymanualinstall'%(dh,h))ifdh!=helseopen(os.path.join(ipp,pf),'wb').write(by)雙擊桌面“SublimeText3”打開程序，快捷鍵Ctrl+`打開SublimeText控制臺(tái)，將之前的代碼粘貼到控制功能說明：ConvertToUTF8能將除UTF8編碼之外的其他編碼文件在SublimeText中轉(zhuǎn)換成UTF8安裝方法一：快捷鍵Ctrl+Shift+p，打開“CommandPalette”懸浮框，在頂部輸入“install”,然后下選點(diǎn)擊“PackageControl:InstallPackage”。在出現(xiàn)的懸浮框中輸入“convert”,然后點(diǎn)選下面的“ConvertToUTF8”插件就會(huì)自動(dòng)開始安裝請(qǐng)耐心等當(dāng)插件安裝成功后，SublimeText3 完整的插件包后解壓，放入C:\Users\userName\AppData\Roaming\Sublime 如何找到 ？一個(gè)快捷的方法是：雙擊打開你的“SublimeText3”，點(diǎn)菜單“Preferences-->BrowsePackages “Packages”。然后你就可以把后解壓好的插件包到這個(gè)Packages目當(dāng)然，如果你熟悉git，你還可以用git從插件的庫(kù)直接克隆插件包到 下插件功能說亮顯示匹配的括號(hào)、引號(hào)和插件地址 4、LESS插件地址 插件功能說明：lesscss插件地址 /duncansmart/less.js-windowsless.js-windows，然后配置less.js-windows的環(huán)境變量。6、Emmet使用方法：插件地址 輔助工具：PyV8地址 注意：Emmet插件需要PyV8插件的支持，所以在安裝Emmet時(shí)，會(huì)自動(dòng)安裝PyV8插件，如果安裝后Emmet不能正常保用，很有可能是因?yàn)镻yV8沒有安裝完全，SublimeText2和3容易出現(xiàn)這個(gè)問題。你可以刪除它，然后手動(dòng)，采用方法二安裝PyV8插件。使用方法示例：書寫代碼ul#nav>li.item$*8>a{Item<ul<liclass="item1"><ahref="">Item<liclass="item2"><ahref="">Item<liclass="item3"><ahref="">Item<liclass="item4"><ahref="">Item<liclass="item5"><ahref="">Item<liclass="item6"><ahref="">Item<liclass="item7"><ahref="">Item<liclass="item8"><ahref="">Item更詳細(xì)的使用方法，請(qǐng)查閱Emmet官網(wǎng)：7、JsFormat插件地址 插件插件地址 在9、CompactExpandCSSCommand功能說明：CSSCSS使用方法：Ctrl+AltCSSCtrl+AltCSS插件地址 /vitaLee/2863474或者 Ctrl+AltCSS10、SublimeTmpl 新建html文件 新建javascript文件 新建css文件 新建php文件 新建ruby文件 新建python文件插件地址 Ctrl+Alt+h新建的一個(gè)html文件。相應(yīng)的模板為tmpl格式的文件，它們保存在C:\Users\usersName\AppData\Roaming\SublimeText3\Packages\SublimeTmpl\templates下?！备臑樵缙诘腃trl+Alt+H，新建一個(gè)html 11、Alignment插件地址 12、AutoFileName )名插件地址 安裝好后就可以來測(cè)試如何使用AutoFileName，先以<link>css來示范，當(dāng)輸入href=””的同時(shí)，SublimeText就會(huì)將現(xiàn)在編輯的路徑為中心，判斷該路徑內(nèi)的所有。以這 列表像我們這次要link的是在css資料夾內(nèi)的auto.css，所以我們直接銜接打上css/，就會(huì)跑出css資料夾內(nèi)的檔cssurlimagesarrow.png，13、DocBlockr功能說明：JavaScript(includingES6),PHP,ActionScript,Haxe,CoffeeScript,TypeScript,Java,ObjectiveCCC+andRust使用方法：在函數(shù)上面輸入/**Tab插件地址 在函數(shù)上面輸入/**,然后按Tab就會(huì)自動(dòng)生成注釋。14、SublimeCodeIn插件插件地址 15、HTML-CSS-JSPrettify插件地址 安裝方法：安裝這個(gè)套件前必須先安裝node.js,指定node.exe的執(zhí)行檔所在位置。進(jìn)而安裝HTML-CSS-JS使用方法一：View->Showconsole或者使用快捷鍵(Ctrl+`)，在命令列的地方輸 mand("htmlprettify")，然后按下Enter。你也可以自行設(shè)置快捷鍵，菜單“PreferencesKeyBindingsUser”里新增：{"keys":["ctrl+shift+o"],"command":"htmlprettify"}插件插件地址 17、ViewInBrowser插件地址 {"browser":}18、LiveReload使用說明：快捷鍵Ctr+Alt+V插件地址 ChromeLiveReload19、TortoiseSVNwinTortoiseSVN插件地址 20、Theme-Soda功能說明：最受歡迎的SublimeText之一插件地址 安裝完成后，點(diǎn)菜單Preferences--->Settings-User，根據(jù)需要的效果，添加如下代碼Soda亮 {"soda_classic_tabs":"theme":"SodaLight3.sublime-}Soda暗色請(qǐng)?zhí)砑觷"theme":"Sork3.sublime-}。：要達(dá)到圖中的效果，你還需要與之搭配的colorscheme地址/soda-theme/extras/colour-schemes.zip，如果你喜歡Sork和Monokai，我建議你使用MonokaiExtended。這個(gè)colorscheme是MonokaiSoda的增強(qiáng)，再配合MarkdownExtended，將大大改善Markdown的語法高亮。。：如果加代碼"soda_classic_tabs":true，文件頁(yè)形狀會(huì)如下顯示21、Theme-Flatland功能說明：最受歡迎的SublimeText之一插件地址 22、Theme-Nexus功能說明：最受歡迎的SublimeText之一插件地址 快捷鍵Ctrl+Shift+P，在框中輸入“l(fā)ist”，選擇“PackageControl:ListPackages”有時(shí)候我們需要移除自己不想要的插件，具體操作如下：快捷鍵Ctrl+Shift+P，在框中輸入“remove”，選擇“PackageControl:RemovePackages”。八、SublimeText有多種分屏形式，讓我來具體地看一看。菜單“（十、SublimeText CtrlShift Ctrl Ctrl CtrlShift Ctrl CtrlShift Ctrl CtrlShift Ctrl+D CtrlD選擇該詞出現(xiàn)的下一個(gè)位置，在多重選詞的過程中，使用Ctrl+K進(jìn)行跳過，使用Ctrl+U進(jìn)行回退，使用Esc退出多重編輯Ctrl+Shift+L 將當(dāng)前選中區(qū)域打散Ctrl+J Ctrl+M Ctrl+Shift+M Ctrl+Shift+J CtrlShift Shift+F3 Alt+F3 Ct