個人sublime 插件配置

一個插件就是一個軟件 ,這就是sublime的理念 。javascript

1.Packag control

給sublime配置插件固然少不了Package control ,首先安裝 Package control 。css

  • 自動安裝
    按下 ctrl+ ` 鍵或者 view-> show console 打開控制檯,輸入如下代碼並回車html

    import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)
    成功後重啓便可。
  • 自動安裝失敗也能夠手動安裝
    點擊 Preferences -> Browse Package 菜單。
    進入 installed Packages文件夾 。
    下載Package.sublime-package 包並拷貝到 Installed package 文件夾下 。
    重啓 Sublime 。
    安裝成功以後,按下 ctrl + shift +p ,輸入install 會看到有Package control 提示 。java

2. Emmet

Emmet 語法快速編輯html 文件,必不可少 。
install package
選擇 Emmet 回車react

3.ConverToUTF 8

sublime默認只支持utf-8 ,其餘編碼的文件在sublime 下會亂碼,安裝 這個插件能夠將文件轉化爲utf-8 編碼 。es6

4. HTML-CSS-JS Prettify

這個插件是一個很是好的格式化插件 。安裝以後須要進行配置 。babel

  1. 配置Node.js 路徑 。
  2. 配置 Format on save 。
  3. 配置選項 ,"e4x": true, 忽略js文件中的 XML 格式,這對JSX語法十分重要 。
  4. 配置 index-size:2, 這是公司 eslint 規範 。

5. JSX

完美支持React 語法 。
有些jsx文件也是以 js 結尾的,當打開一個js 文件時,選擇 view -> syntax -> open current all with jsx,這樣全部的 js 文件都是以jsx方式打開的 。ide

6.React ES6 Sinppets。

包括大量ES6 代碼段 。ui

7.JavaScriptNext - ES6 Syntax

支持ES 6 語法 。編碼

8.Babel

ES6 和 JSX 語法定義 。

9.DocBlockr

生成方法註釋
輸入 /** 回車

10.sideBarEnhancements

增強側邊欄右鍵菜單 ,

11.Terminal

在側邊欄打開終端 。

12. Material design

material design 風格的界面 。

13.ayu

一套很是美觀的代碼theme 。

14 AutoFileName

文件路徑提示

相關文章
相關標籤/搜索