js開發環境配置

使用Sublime Text3作為主要開發工具。下載地址：http://www.sublimetext.com/3。

sublime擁有大量實用插件，使用插件需要先下載PackageControl以便管理所有插件，新版本的sublime似乎已集成了該插件。安裝方式：https://packagecontrol.io/installation。

完成後我們需要安裝js開發用的插件SublimeCodeIntel（自動補全）和JsFormat（代碼格式化）：

　　ctrl+shift+p(win)或command+shift+p(mac)打開命令行，輸入package control: install package並回車進入插件列表。

　　之後輸入SublimeCodeIntel和JsFormat回車分別進行安裝。

　　快捷鍵在preferences->Package Settings->"package name"->Key Bindings查看。

　　預設補全快捷鍵ctrl+shift+space(win)

　　預設格式化js代碼ctrl+alt+f

之後配置編譯環境，使用node.js。其既是js運行時編譯環境，也是react native的基礎環境。下載地址：https://nodejs.org/en/download/。

下載安裝，將安裝位置放入環境變數path並記住該地址(win)，或者使用which node命令查找安裝位置(mac)，當然在win上安裝了wingw和msys的童鞋也可以通過命令直接查詢。

安裝完成後需要在sublime中配置該編譯環境，選擇Tools->Build System->New Build System，

windows下配置：

{
    "cmd": ["ABSOLUTEADDRESS\\node.exe","$file"],
    "selector":"source.js"
}

mac下配置：

{
    "cmd": ["ABSOLUTEADDRESS/node","$file"],
    "selector":"source.js"
}

配置完成保存，win下一般保存在Users\username\AppData\Roaming\Sublime Text 3\Packages\User中

新建一個js文件，輸入

console.log("Hello World");

使用ctrl+b(win)或command+b(mac)進行編譯。如果看到如下顯示，說明編譯環境已配置成功，之後就可以愉快地開發調試了。

Hello World
[Finished in 0.1s]