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]

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM