Skip to content

Instantly share code, notes, and snippets.

@xareelee
Last active June 17, 2016 05:50
Show Gist options
  • Save xareelee/5225b4ceefdc89ca0a71791127c87d96 to your computer and use it in GitHub Desktop.
Save xareelee/5225b4ceefdc89ca0a71791127c87d96 to your computer and use it in GitHub Desktop.
Sublime setup for React Native

Sublime 是個簡單,強大,跨平台的編輯器。這邊介紹開發 ReactNative 時的設置。

Sublime Text 3

下載 Sublime Text 3

安裝 Package Controller (for Sublime)

Sublime 中按下 `ctrl+ ``

# Sublime Text 3

import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)

安裝 Sublime 套件

我們現在可以透過 Package Controller 來安裝 Sublime 套件了。在 Tools>Command Palette (command + shift + p) 下輸入 Package Controll: Install Package (或輸入 inst 來智慧搜尋和自動完成),來叫出 Package Controller 的介面。

現在我們可以搜尋並安裝 Sublime 套件了,請見下方推薦套件 (已經安裝過的套件就找不到了)。

支援 ES6/JavaScript 和 JSX 語法 (Sublime 本身並不支援 JSX 語法)。

Babel 也有對 JavaScript 支援特殊語法,請見:ES2015ES2016

支援 ES5/ES6 的語法片段 snippets。方便快速開發。

支援 react-native 的語法片段 snippets

歡迎補充

還有什麼套件是開發 ReactNative 必備的套件呢?歡迎留言補充。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment