js开发环境配置
使用sublime text3作为主要开发工具。下载地址:。
sublime拥有大量实用插件,使用插件需要先下载packagecontrol以便管理所有插件,新版本的sublime似乎已集成了该插件。安装方式:。
完成后我们需要安装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的基础环境。下载地址:。
下载安装,将安装位置放入环境变量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]