文档章节

自学Node.js: WebStorm+Node.js开发环境的配置

红有三Evan
 红有三Evan
发布于 2014/09/11 15:20
字数 513
阅读 473
收藏 18

      WebStorm是作为JS开发IDE存在的,并且支持流行的Node.js以及JQuery等js框架。而Node.js简单说就是一个JS类库并且配备有Google的V8 js引擎来解析和执行js脚本。


      那WebStorm+Node.js这样一个组合,用来开发基于Node.js平台的应用是最方便不过的了,并且可以知道WebStorm这个IDE环境对js的支持是灰常强大的,有智能提示、断点调试、查看源码等等功能。


      类似其他开发环境的搭建,下面简要说一下如何搭建一个开发环境并完成一个Demo实例。


      1.根据个人情况下载不同版本的安装包,并安装好Node.js环境。安装步骤很简单,不需要配置和修改什么,一切都走默认路线即可。


      2.在安装完Node.js并没有什么异常提示之后,在cmd下敲入 node 命令,测试一下,看看node.js是否安装成功。


      3.安装WebStorm软件(要先下载哦),安装成功之后,需要在其中配置一下Node.js:如下图

     


       1)点击 [JS] 图标,在弹出的配置框中默认检索到本地安装的Node.js,也可手动选择到相应的文件目录下。

       2)Sources of Node.js Core Modules: 指的是配置源文件路径,把Node.js源码解压后的路径配置到此即可。


      4.接下来,我们可以new project,创建一个HelloWorld Demo。在HelloWorld.js中输出一个“HelloWorld”即可(console.log("Hello World")。


      5.准备好js文件之后,需要再config 一下,才能出现我们在Eclipse中开发Java Project 时常见的绿色倒三角按钮。


     这样配置之后,点击绿色按钮,就会调用node 命令行来解析当前project的主文件。


     可以在IDE下侧的Console tab中看到 输出结果:

  1. "C:\Program Files\nodejs\node.exe" HelloWorld.js

  2. Hello World


到这里,WebStorm+Node.js的开发环境就算搭建成功了。


本文转载自:http://blog.csdn.net/lfsfxy9/article/details/8741538

红有三Evan
粉丝 0
博文 23
码字总数 6525
作品 0
广州
程序员
私信 提问
超简单的前端跨域、前后端分离解决方案

简介 LiveNode是一个基于Node.js轻巧的web服务,帮助前端开发者解决本地跨域,代码刷新,以及SPA(单页应用)前后端服务分离,并且可以用于生产环境项目部署。 Github地址 安装 全局安装liven...

飞翔荷兰人
2018/05/23
0
0
《React Native 精解与实战》书籍连载「Node.js 简介与 React Native 开发环境配置」

此文是我的出版书籍《React Native 精解与实战》连载分享,此书由机械工业出版社出版,书中详解了 React Native 框架底层原理、React Native 组件布局、组件与 API 的介绍与代码实战,以及 ...

Parry
2018/08/10
0
0
开发一个React + Electron应用

最近用React + Electron开发了一个RSS阅读器,开源在:github.com/breeze2/bre…,这里记录一下大致的开发过程。 初始化 创建项目 以普通的React应用做基础,一步步初始化项目。预先安装yar...

breeze
03/10
0
0
nodejs源码安装(centos)

最近打算用nodejs做点小东西,学习中。 开发环境: CentOs+Eclipse+Win7 首先从node.js的官网上下载最新版本的源码http://nodejs.org/download/ 上传至centos中,放至目录/home/zj/nodejs/ ...

zj_oschina
2014/02/25
209
2
请教windows下npm安装问题

@张大鹏 你好,想跟你请教个问题: 我刚看了你写的:windows下nodejs开发环境的安装与配置 我没用Cygwin做模拟环境,直接下载node.exe,通过cmd运行node。 在安装npm的时候遇到了错误,提示如...

haigou20
2012/07/23
6.3K
3

没有更多内容

加载失败,请刷新页面

加载更多

高防CDN的出现是为了解决网站的哪些问题?

高防CDN是为了更好的服务网络而出现的,是通过高防DNS来实现的。高防CDN是通过智能化的系统判断来路,再反馈给用户,可以减轻用户使用过程的复杂程度。通过智能DNS解析,能让网站访问者连接到...

云漫网络Ruan
今天
12
0
聊聊Tomcat中的连接器(Connector)

上期回顾 上一篇文章《Tomcat在SpringBoot中是如何启动的》从main方法启动说起,窥探了SpringBoot是如何启动Tomcat的,在分析Tomcat中我们重点提到了,Tomcat主要包括2个组件,连接器(Conne...

木木匠
今天
9
0
OSChina 周一乱弹 —— 熟悉的味道,难道这就是恋爱的感觉

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @xiaoshiyue :好久没分享歌了分享张碧晨的单曲《今后我与自己流浪》 《今后我与自己流浪》- 张碧晨 手机党少年们想听歌,请使劲儿戳(这里)...

小小编辑
今天
2.4K
22
SpringBoot中 集成 redisTemplate 对 Redis 的操作(二)

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二) List 类型的操作 1、 向列表左侧添加数据 Long leftPush = redisTemplate.opsForList().leftPush("name", name); 2、 向列表右......

TcWong
今天
42
0
排序––快速排序(二)

根据排序––快速排序(一)的描述,现准备写一个快速排序的主体框架: 1、首先需要设置一个枢轴元素即setPivot(int i); 2、然后需要与枢轴元素进行比较即int comparePivot(int j); 3、最后...

FAT_mt
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部