webstorm下载nodejs的简单介绍

• 1、如何使用webstorm和typescript编写nodejs
• 2、webstorm怎么导入nodejs
• 3、webstorm怎么才能使用nodejs
• 4、webstorm新建nodejs有什么区别
• 5、webstorm怎么整合nodejs
• 6、webstorm怎么配置nodejs环境

、下载安装Node.js，下载地址：

2、下载安装webstorm2016.1.1;

3、使用Node的npm命令安装TypeScript编译器：(npm安装不顺利的话可以使用 );

ctrl+R，输入cmd回车进入；

找到node.js的安装目录：输入node.js安装所在的磁盘，回车进入；cd 输入node.js的安装目录路径，如下图：

执行“npm install typescripot -g”进行安装

4、打开webStorm,为TypeScript文件更改编译设置，File-Setting-File Watchers-TypeScript

选路径那里安装好typescript后应该会自动填写Program项的,自己选择的话有时候会找不到路径;重新点击设置进去添加就有了

转自:

顶

踩

上一篇Echarts 图标生成渐变色方法

下一篇AngularJS及Vue 项目中实现按需加载模块

我的同类文章

Javascript（42）

•Javascript函数节流2017-03-13阅读33

•Node.js 的本质2016-11-26阅读135

•Vue 固定头 固定列 点击表头可排序 表格组件2016-11-25阅读1118

•AngularJS及Vue 项目中实现按需加载模块2016-08-24阅读1338

•JS闭包之深刻理解2016-05-19阅读99

•nodeJS 返回 jsonp2017-02-08阅读70

•2016.11 MAC系统下安装mongodb 配合nodeJS简单使用mongodb2016-11-26阅读1343

•使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices2016-09-05阅读7184

•Echarts 图标生成渐变色方法2016-07-03阅读3350

•JS中的call()和apply()方法2016-04-19阅读88

更多文章

参考知识库

.NET知识库

3843关注|839收录

Node.js知识库

4751关注|578收录

猜你在找

新物联网开发框架：node.js+WRTnode

Node.js 核心技术 Stream (第二版)

征服Node.js 7.x视频课程（3）：基础知识

Node.js进阶教程第一步(基础篇)

征服Node.js 7.x视频课程（2）：交互式运行环境：REPL

转前端开发利器webStorm 30配置使用

JetBrains使用技能分享征集大赛优秀作品用webstorm开发NodeJS项目

实战使用Axure设计App使用WebStorm开发2 – 构建页面架构

第3篇TypeScript接口使用

WebStorm 2016 最新安装指南 破解 汉化 字体设置

关闭

File – Setting -Languages Frameworks – Node.js and NPM

选择 你安装的node.js版本

[nodejs]使用神器webstorm调试nodejs

还在终端敲命令，定位到文件夹然后node xxx.js? 你out了。现在我们有更好的调试nodejs方式为什么不去使用呢，只需要一个快捷键而已。ws本身对nodejs有良好的支持，利用ws开发调试nodejs生活将变得很轻松。

1.安装nodejs，nodejs已经提供了各平台的编译过的文件不用辛苦编译了，下载安装对应自己平台的版本。

2.安装javascript神器webstorm，webstorm也是一个好软件，支持多平台。特别提醒ws是是一个商业收费软件，可以试用30天。

3.打开ws进行nodejs配置，从3.0开始ws上增加了一个非常醒目的nodejs图标，下面以osx版本为例，win版的完全一致没有打的区别。

开发环境的搭建，下面简要说一下如何搭建一个开发环境并完成一个Demo实例

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

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

安装WebStorm软件（注意要先下载），安装成功之后，需要在其中配置一下Node.js：如下图

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

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

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

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

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

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

“C:\Program Files\nodejs\node.exe” HelloWorld.js

Hello World

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

安装node.js程序，按照提示一步步安装即可；

Node.js安装完成后，检查环境变量path中是否配置了Node.js；在命令行中输入”path”，结果如下：

检查Node.js是否安装成功，也可直接在命令行中输入“node -v”，进行测试，结果如下；

安装WebStorm；

开始在WebStorm中配置node.js。File-settings 输入node.js，配置Node interpreter；

配置node.js的source code

点击“ok”；

测试是否可以运行node.js 代码

一 环境说明

电脑系统：window7

webstorm版本：2016.3

准备：已安装nodejs(本人采用cygwin安装)

二、配置webstrom支持node.js语法检测

1.打开file-setting

2.选择languagesframeworks下的node.js and NPM

选中有边框中的node.js

再点击上面的enble.

再点下面框中的ok.结束

这样就可以自动检测node.js代码中的变量了。