js开发环境配置

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

时间: 2024-11-05 20:27:13

js开发环境配置的相关文章

Mac下进行Node.js开发环境配置

我们知道,Mac是一款天生可以提升我们开发效率的系统,合理的使用Mac下面的神器,有助于提升我们的开发效率.个人是个VIM控,今天分享一下,我在mac下是如何进行Node.js的开发环境搭建的.先给大家看看最终的效果图片吧! Iterm2 首先,推荐Iterm2这款命令行神器.它是一款终端替代工具,支持 Macos 10.5+ 版本.它具备很多优点:比如开源免费.快捷键丰富.水平垂直分屏.远程使用vi时兼容性好.如果再加上一点,就是它UI也比较友好,如果你喜欢捣鼓,可以配置主题,让iterm2界

Windows 下Node.js开发环境配置

第一步:安装VirtualBox(以管理员身份安装) 1.安装完成后,打开VirtualBox,点击“新建”按钮,输入信息,“下一步”(名称可任意) 2.设置内存为1024MB,“下一步”—>“创建”—>“下一步”—>“下一步”—>“创建”         第二步:安装CentOS(选择DVD ISO.第一个链接) 1.在VirtualBox中配置CentOS          2.点击“启动”,用上下键选择“Install CentOS”,选择语言——“English”,“Don

node.js 开发环境配置 和使用方式

1.在根目录创建一个文件夹 里面 放入js 编写完成后使用 cmd  进行编译就可以了2.expree 安装    卸载: npm uninstall -g express 安装指定版本: npm install -g [email protected] 查看版本: express -V 注意express -V中的V要大写,不然很多版本中会不识别       原来,最新express4.0版本中将命令工具分家出来了(项目地址:https://github.com/expressjs/gener

Nodejs学习笔记(一)--- 简介及安装Node.js开发环境

目录 学习资料 简介 安装Node.js npm简介 开发工具 Sublime Node.js开发环境配置 扩展:安装多版本管理器 学习资料 1.深入浅出Node.js http://www.infoq.com/cn/minibooks/nodejs 2.Node.js开发指南 简介(只捡了我觉得重要的) Node.js是让Javascript脱离浏览器运行在服务器的一个平台,不是语言: Node.js采用的Javascript引擎是来自Google Chrome的V8:运行在浏览器外不用考虑头

windows下的Nodejs及npm的安装、常用命令,Nodejs开发环境配置

第一步:下载Nodejs并安装 官方下载地址:https://nodejs.org/en/,我选择的是长期支持版本v4.47,安装时只要一直下一步就ok了 安装完成后可以使用cmd(win+r然后输入cmd进入)测试下是否安装成功.方法:在cmd下输入node -v,出现下图版本提示就是完成了Nodejs的安装. 我们打开安装目录: 发现nodejs目录下有一个node.exe,它是干嘛的? 第二步:npm安装 v0.63之前,在Node安装过程中,实际还需要安装npm,到v0.63时Ndejs

【转】Nodejs学习笔记(一)--- 简介及安装Node.js开发环境

目录 学习资料 简介 安装Node.js npm简介 开发工具 Sublime Node.js开发环境配置 扩展:安装多版本管理器 学习资料 1.深入浅出Node.js http://www.infoq.com/cn/minibooks/nodejs 2.Node.js开发指南 简介(只捡了我觉得重要的) Node.js是让Javascript脱离浏览器运行在服务器的一个平台,不是语言: Node.js采用的Javascript引擎是来自Google Chrome的V8:运行在浏览器外不用考虑头

mac下配置Node.js开发环境、express安装、创建项目

mac下配置Node.js开发环境.express安装.创建项目 一.node.js的安装 去官网下载对应的平台版本就可以了,https://nodejs.org 二.express安装 sudo npm install -g express 进行全局安装. 这时有可能会安装不成功,用下面的命令即可 sudo npm install express-generator -g 三.创建项目 终端输入 express -e 你的项目名称 -e 为使用ejs框架 express默认为jade,为了 学

ios开发环境配置及cordova安装与常用命令

一.ios开发环境配置 1.首先要有台Mac Book,如果有Mac Book,跳过步骤2.3.4,如果没有,执行步骤2.3.4: 2.下载并安装VMware Workstation,最好是下最新版本: 3.下载并安装unlock-all(VMware Workstation默认限制安装Mac虚拟机,需要安装此文件后解除限制); 4.下载Mac OS操作系统的镜像文件(需要是.ios文件)如果下载的是.dmg文件,需要用 anytoiso.exe工具转换成.ios文件,下载完成后在VMware

[转载]Sublime Text 3 搭建 React.js 开发环境

[转载]Sublime Text 3 搭建 React.js 开发环境 Sublime有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境. 1. babel-sublime 支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展.关于 babel 的更多介绍可以看这里:为什么说Babel将推动JavaScript的发展 安装 PC:Ctrl+shift+p Mac:Cmd+shift+p 打开面板输