当前位置: 移动技术网 > IT编程>开发语言>JavaScript > js开发环境配置

js开发环境配置

2019年01月14日  | 移动技术网IT编程  | 我要评论

使用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]

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网