Win7搭建NodeJs开发环境以及HelloWorld展示—图解

淡淡的烟草味﹌ 2023-10-17 20:34 12阅读 0赞

Windows 7系统下搭建NodeJs开发环境（NodeJs+WebStrom）以及Hello World！展示，大体思路如下：第一步：安装NodeJs运行环境。第二步：安装WebStrom开发工具。第三步：创建并运行NodeJs项目展示Hello world！

1、下载nodejs

地址：http://nodejs.org/

点击安装完成，然后安装“组件”，如图：

![051112348674290.png][]

2、安装WebStrom，导入nodejs开发插件

下载地址：http://www.jetbrains.com/webstorm/download/

安装完成之后导入nodejs插件，如图：

![051115358366668.png][]

3、创建nodejs项目，展示Hello world

![051117167276779.png][]

![051116329309825.png][]

创建完成之后目录如下：

![051118090249269.png][]

shift+F10运行，访问地址：http://localhost:3000/

效果如下：

![051119166024390.png][]Hello World! 已经顺利展示，收工。

NodeJs各个目录的含义，如下：

——node\_modules 文件夹下是各种模块，这里是express框架和jade模版引擎。  
——public 文件夹下是各种静态文件。  
——routes 文件夹下是各种action。好吧routes是路径的意思，但是我喜欢称作这个叫action。  
——views 文件夹下面是各种模版。

成功的兄弟，请点赞，谢谢了~

[051112348674290.png]: https://images0.cnblogs.com/blog2015/172074/201503/051112348674290.png
[051115358366668.png]: https://images0.cnblogs.com/blog2015/172074/201503/051115358366668.png
[051117167276779.png]: https://images0.cnblogs.com/blog2015/172074/201503/051117167276779.png
[051116329309825.png]: https://images0.cnblogs.com/blog2015/172074/201503/051116329309825.png
[051118090249269.png]: https://images0.cnblogs.com/blog2015/172074/201503/051118090249269.png
[051119166024390.png]: https://images0.cnblogs.com/blog2015/172074/201503/051119166024390.png