js开发环境配置

2019-01-15 07:02:23来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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

 


原文链接:https://www.cnblogs.com/carbo-T/p/10263374.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JS中事件绑定函数,事件捕获,事件冒泡

下一篇:easyui 前端实现分页 复制就能用