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]

 

相关文章