1. 程式人生 > >sublime text3安裝js插件

sublime text3安裝js插件

bare com read eight ext nis setting 想要 text2

今天安裝Sublime Text3的js插件,在網上查了很多資料,為了方便以後看,寫一個安裝插件的總結和方法。

要安裝js相關的插件,就要先安裝一個Package Control(插件管理器)的插件,通過這個插件再去安裝想要的js相關插件。

1、安裝Package Control

安裝插件首先需要一個叫Package Control(插件管理器)的插件,Package Control本身是一個為了方便管理插件的插件。

插件管理器Package Control的作用是對插件的瀏覽、安裝和卸載插件。

主文件Package Control.sublime-package下載地址:https://packagecontrol.io/installation

技術分享

(1)自動安裝

使用Ctrl+`快捷鍵或者通過View->Show Console菜單打開命令行,粘貼如下代碼:

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()) 如圖在下面紅色部分輸入粘貼: 技術分享

如果安裝成功,就可以在Preferences菜單下看到Package Settings和Package Control兩個菜單。

關於Sublime Text2 的代碼:

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

(2)手動安裝

如果無法使用代碼安裝,那可以通過以下步驟手動安裝Package Control:

1.點擊Preferences > Browse Packages菜單

2.進入打開的目錄的上層目錄,然後再進入Installed Packages/目錄

  • 這一步由於之前沒看到上層目錄幾個字,找了半天,沒看見Installed Packages目錄。。。。。。。。。

3.將下載好的Package Control.sublime-package復制到Installed Packages/目錄下。

4.Preferences菜單下看到Package Settings和Package Control兩個菜單,則說明安裝成功。

5.重啟Sublime Text。

OK,安裝成功後就可以安裝你想要安裝的插件啦。

2、安裝插件

(1)安裝插件通過Preferences>Package Control或者快捷鍵ctrl+shift_p打開pacakges列表界面,搜索Package Control:Install Packages;

在這一步的時候,之前我下的是中文版本,出現以下錯誤:

技術分享

查找了很多解決的方法,好像是因為網速,或者不支持IPV6,還有防火墻之類的有關,都試了一下,都沒能解決,因此,我卸載換成了官網的英文版。之後就沒有出現這個問題了。總之出現問題我就百度了好多哈,多嘗試了一些其他方法,總有一種方法適合我。。。。

(2)選擇Package Control:Install Packages;進入以下這個界面,這個界面查找想要安裝的插件。

技術分享

(3)我安裝的插件:

  • 我下載的sublime_text3剛開始顯示的中文是亂碼,我就安裝了插件ConvertToUTF8、GBK Encoding Support,之後顯示正常。
  • 還安裝了SublimeCodeIntel(插件),這個插件支持以下語言的自動提示功能:PHP, Python, RHTML, JavaScript, Smarty, Mason, Node.js, XBL, Tcl, HTML, HTML5, TemplateToolkit, XUL, Django, Perl, Ruby, Python3.

其他的插件以後用到再安裝。

看到大神推薦插件:

  1. 快速寫代碼HTML+CSS——Emmet(原名Zen Coding)
  2. 側邊欄增強——SideBarEnhancements
  3. 語法及風格校驗——SublimeLinter3
    (需根據個人需求下載對應子插件,如JS代碼校驗,需安裝SublimeLinter3 - jshint,並本地安裝node.js)
  4. JS代碼格式化——JsFormat
  5. 多語言代碼提示——SublimeCodeIntel
  6. 取色器——ColorPicker

sublime text3安裝js插件