Sublime Text3插件安裝及問題處理

bang590 發(fā)布于2019-08-23 15:12 / 2779人閱讀

摘要：軟件下載安裝官網(wǎng)可直接下載安裝，可免費(fèi)使用解決安裝問題安裝在線安裝因?yàn)榫W(wǎng)絡(luò)原因可能失敗。常規(guī)插件安裝步驟以安裝漢化插件為例。

使用Sublime Text3，沒有別的原因，總結(jié)起來就兩條：好看，快。
當(dāng)然它不像Webstorm那樣貼合前端開發(fā)，需要下載一些插件來輔助。剛開始學(xué)前端的時(shí)候，覺得下插件實(shí)在是太麻煩了，都想放棄了，但一來更受不了Webstorm啟動(dòng)的龜速，二來舍不得Sublime Text3的顏值，所以咬著牙自己查網(wǎng)頁一個(gè)一個(gè)去裝插件了，這里和大家分享一下自己安裝的插件和過程，希望能幫到有需要的同志。

軟件下載安裝
官網(wǎng)可直接下載安裝，可免費(fèi)使用: http://www.sublimetext.com/3

解決sublime text3安裝Package Control問題

安裝Package Control

在線安裝： https://packagecontrol.io/ins... 因?yàn)榫W(wǎng)絡(luò)原因可能失敗。

離線安裝：

下載地址： https://github.com/wbond/pack...

把下載好的zip包解壓，重命名為Package Control。

打開Sublime3，菜單->Preferences->Browse Packages...然后復(fù)制Package Control文件夾到該目錄。

重啟Sublime3,如果菜單->Preferences有Package Setting和Package Control就說明安裝成功。

Ctrl+Shift+p輸入install選中Install Package回車就可以安裝插件。

常規(guī)插件安裝步驟
以安裝漢化插件為例。

漢化是很多小白安裝軟件后的必備操作，但是筆者并不建議大家過分依賴中文操作界面，畢竟以后連英文文檔都要啃，界面這點(diǎn)算甚，當(dāng)然話是這么說，漢化作為小白必備這里還是介紹一下。

按住 Ctrl + shift + p，輸入 package control，點(diǎn)擊選項(xiàng) package control ：Install Package，等待插件安裝界面的響應(yīng)

輸入想要安裝的插件名，如 HTML Beautiful，JSONlint等，這里輸入clz,下面自動(dòng)出現(xiàn)ChineseLocalizations，點(diǎn)擊選擇，它會(huì)自動(dòng)進(jìn)行安裝

無法使用package control ：Install Package，處理辦法

作為小白最痛苦的事情莫過于我按照你的步驟做了，結(jié)果我卻走不通，下面我介紹一下，手動(dòng)安裝插件的方法，讓你免受折磨。

問題癥狀
相信你一定見過下面這個(gè)頁面，主要是因?yàn)闊o法打開網(wǎng)址（https://packagecontrol.io/cha...）導(dǎo)致訪問不了，簡(jiǎn)單來說就是被墻了。

解決方案
直接去（https://github.com/）上下載插件，解壓，打開首選項(xiàng)-瀏覽程序包，復(fù)制到Packagea文件中即可。

卸載插件

直接在插件目錄中將插件刪除（不建議如此）

按住 Ctrl + shift + p，在package control的輸入框，輸入remove package，會(huì)列出你已經(jīng)安裝過的插件，選擇你想要卸載的點(diǎn)擊即可。

常用插件下載地址

漢化：ChineseLocalizations https://github.com/rexdf/Chin...

node.js https://github.com/tanepiper/...

vuejs（代碼高亮） https://github.com/vuejs/vue-...

LESS高亮插件 https://github.com/danro/LESS... Less2Css https://github.com/timdouglas...

bootstrap https://github.com/degouville...

channel_v3.json https://raw.githubusercontent...

C-Tags https://github.com/SublimeTex...

angular js https://github.com/angular-ui...

react語法在sublime下高亮
首先安裝插件：babel-react（具體的可以查看github離線安裝babel-sublime），sublime-rect-es6，jsfmt，jsxhint，emmet，jsformat sublime-react（里此案代碼提示插件可以離線安裝，對(duì)應(yīng)的github sublime-react）。
當(dāng)安裝完以上的插件后，你會(huì)發(fā)現(xiàn)其實(shí)react在這個(gè)編輯器下，還是不會(huì)高亮，這個(gè)時(shí)候你只需要進(jìn)行一下設(shè)置就可以了：

打開菜單view，?Syntax -> Open all with current extension as... -> Babel -> JavaScript (Babel)，選擇babel為默認(rèn) javascript 打開syntax；

注意，一般在編寫react代碼的時(shí)候，引用jsx文件的時(shí)候，type = text/babel，而不是text/jsx；不建議直接寫jsx語法在html文件中
babel:https://github.com/babel/babe...
sublime-react-es6:https://github.com/mboperator...

(本人原創(chuàng)文章，歡迎大家留言交流，如有幫助多謝點(diǎn)贊啦~)