欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js开发环境配置

程序员文章站 2022-06-22 20:10:35
使用Sublime Text3作为主要开发工具。下载地址:http://www.sublimetext.com/3。 sublime拥有大量实用插件,使用插件需要先下载PackageControl以便管理所有插件,新版本的sublime似乎已集成了该插件。安装方式:https://packageco ......

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