1. 程式人生 > >js開發環境配置

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]