js开发环境配置

Posted 2021-02-03 carbo-t

使用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下一般保存在UsersusernameAppDataRoamingSublime Text 3PackagesUser中

新建一个js文件，输入

console.log("Hello World");

使用ctrl+b(win)或command+b(mac)进行编译。如果看到如下显示，说明编译环境已配置成功，之后就可以愉快地开发调试了。

Hello World
[Finished in 0.1s]