webstorm开发nodejs运行js文件时有app.js还用server.js吗

来源：蜘蛛抓取(WebSpider) 时间：2017-10-30 02:08 标签： nodejs运行js文件

默认安装了webstorm与Node.js如果没有安装的鈳以去本人《配置angular运行环境》一文中看转载的博文哦！！！

我们来运行一个最简单的程序。

1、首先用webstorm新建一个js文件就叫one.js吧。输入代码后茬界面空白的地方右击选择RUN'one.js'。如图：

这样就运行起来了试试输入别的代码运行吧！

2、为了使webstorm支持nodejs运行js文件语法，你可能要这样设置：


OK！准备工作做完了

这篇文章主要介绍了用WebStorm进行Angularjs 2开发(環境篇：Windows 10Angular-cli方式),小编觉得挺不错的，现在分享给大家也给大家做个参考。一起跟随小编过来看看吧

自己学习使用了Angular JS 1一段时间由于没有具体的项目进行尝试加上其它研究工作的影响，就搁置了一段时间在与同事讨论技术选型时，才知道Angular JS 2的差别之大（孤陋了莫见笑），所以决定弄弄Angular 2WebStorm是进行JS和前端开发的不二之选的IDE工具，虽然目前版本已经更新了但是由于Angular 2的成熟度还没那么高，所以用WebStorm进行Angular 2的工程创建还是没有其他语言的方便。自己尝试用WebStorm搭建Angular 2的工程虽然在网上看了一些仁兄的帖子，很有帮助但是感觉关键的、核心的问题没有说清楚（也可能是由于用Node不是很久，知识浅薄）所以搭建过程特别是在Windows上也是磕磕绊绊，总是有些问题相信其他人也会遇到同样的问题，所以将问题梳理总结如下

既然是使用Angular JS 2，那么先简单说下 1 和 2 的主要区别这方面内容，网上很多我就借用其他仁兄的一些资料，具体來源可以查看：参考资料

Angular1.x在设计之初主要是针对pc端的对移动端支持较少（当然也有其他一些衍生框架如ionic），而Angular2是设计包含移动端的；

WebStorm安裝很简单破解不是本文重点，建议还是支持正版

这一步很简单，下载Windows版的nodejs运行js文件进行按照提示安装即可，记得选择将nodejs运行js文件增加到PATH一项如果界面上没有，应该就是默认帮你搞定了可以忽略我这句废话。

通过命令验证是否安装成：

如果正常显示版本号，即安裝成功

nodejs运行js文件安装完成之后，默认会将node.exe的路径添加到系统的环境变量中，如果没有请手动添加除此之外还要进行其他的配置。

右擊“计算机”―>”属性”―>”高级系统设置”―>”环境变量”

这个值就是上一步中通过 “npm config set prefix” 设置的值。可以用下面命令查看

在”用户變量”中,修改path

angular cli 是要依赖node-sass的，默认情况下不会像其它包一样直接下载，而是要下载后进行编译的在Windows下，首先要通过git下载win32-x64-51_binding.node但是不知道是被墙还是什么原因，下不下来就会导致后面的编译出错，以及提示找不到python和Visual Studio的问题如下：

首先要做的就是根据错误提示，手动下载相應的版本地址:

将下载的binding.node放到指定目录例如：

配置路径：通过命令配置

1、全局安装阿里cnpm

（a）具体的目录，就是angular-cli包中bin目录的上一层目录

（b）如果目录选择完成后，还提示：“Please specify angualr-cli package”就点击一下工程名称那一栏或其它地方。因为选择angular-cli目录不会触发事件，所以错误提示一直在點了其它地方，触发一下事件提示就会消失，“Create”按钮就可以使用

以上工作完成，就是等待新建一个angular 2工程这个过程有点慢，主要是IDE會根据package.json下载依赖的包到工程里面

如果出现上图，就说明工程创建完成工程结构如下

我要回帖

更多关于 nodejs运行js文件 的文章

 

随机推荐