- 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代码中的变量了。
原创文章，作者：ELO1O，如若转载，请注明出处：https://www.506064.com/n/126615.html
微信扫一扫 
支付宝扫一扫 