Win7搭建NodeJs开发环境以及HelloWorld展示—图解
2015-03-05 11:22
337 查看
Windows 7系统下搭建NodeJs开发环境(NodeJs+WebStrom)以及Hello World!展示,大体思路如下:第一步:安装NodeJs运行环境。第二步:安装WebStrom开发工具。第三步:创建并运行NodeJs项目展示Hello world!
1、下载nodejs
地址:http://nodejs.org/
点击安装完成,然后安装“组件”,如图:
![](http://images.cnitblog.com/blog2015/172074/201503/051112348674290.png)
2、安装WebStrom,导入nodejs开发插件
下载地址:http://www.jetbrains.com/webstorm/download/
安装完成之后导入nodejs插件,如图:
![](http://images.cnitblog.com/blog2015/172074/201503/051115358366668.png)
3、创建nodejs项目,展示Hello world
![](http://images.cnitblog.com/blog2015/172074/201503/051117167276779.png)
![](http://images.cnitblog.com/blog2015/172074/201503/051116329309825.png)
创建完成之后目录如下:
![](http://images.cnitblog.com/blog2015/172074/201503/051118090249269.png)
shift+F10运行,访问地址:http://localhost:3000/
效果如下:
![](http://images.cnitblog.com/blog2015/172074/201503/051119166024390.png)
Hello World! 已经顺利展示,收工。
NodeJs各个目录的含义,如下:
——node_modules 文件夹下是各种模块,这里是express框架和jade模版引擎。
——public 文件夹下是各种静态文件。
——routes 文件夹下是各种action。好吧routes是路径的意思,但是我喜欢称作这个叫action。
——views 文件夹下面是各种模版。
成功的兄弟,请点赞,谢谢了~
1、下载nodejs
地址:http://nodejs.org/
点击安装完成,然后安装“组件”,如图:
![](http://images.cnitblog.com/blog2015/172074/201503/051112348674290.png)
2、安装WebStrom,导入nodejs开发插件
下载地址:http://www.jetbrains.com/webstorm/download/
安装完成之后导入nodejs插件,如图:
![](http://images.cnitblog.com/blog2015/172074/201503/051115358366668.png)
3、创建nodejs项目,展示Hello world
![](http://images.cnitblog.com/blog2015/172074/201503/051117167276779.png)
![](http://images.cnitblog.com/blog2015/172074/201503/051116329309825.png)
创建完成之后目录如下:
![](http://images.cnitblog.com/blog2015/172074/201503/051118090249269.png)
shift+F10运行,访问地址:http://localhost:3000/
效果如下:
![](http://images.cnitblog.com/blog2015/172074/201503/051119166024390.png)
Hello World! 已经顺利展示,收工。
NodeJs各个目录的含义,如下:
——node_modules 文件夹下是各种模块,这里是express框架和jade模版引擎。
——public 文件夹下是各种静态文件。
——routes 文件夹下是各种action。好吧routes是路径的意思,但是我喜欢称作这个叫action。
——views 文件夹下面是各种模版。
成功的兄弟,请点赞,谢谢了~
相关文章推荐
- 新手学Android之在windows下搭建Android开发环境以及HelloWorld
- Android4.3 开发环境搭建以及HelloWorld例子
- HBuilder开发App教程02-环境搭建,HelloWorld以及真机调试
- Android JNI编程(一)——JNI概念以及C语言Dev-C++开发环境搭建、编写HelloWorld
- 搭建 Android 开发环境,初试HelloWorld (win7) (上) (转)
- Win7搭建NodeJs开发环境
- 搭建 Android 开发环境,初试HelloWorld (win7) (下) (转)
- (一)nodejs开发环境搭建: 安装nodejs以及配置npm
- 搭建 Android 开发环境,初试HelloWorld (win7) (下)
- Linux下Java开发环境搭建以及第一个HelloWorld
- Android开发-环境搭建以及HelloWorld
- “mac os + intellij idea 13 + nodejs开发环境搭建教程(附详细图解)
- 研究Android一——开发环境搭建以及HelloWorld
- PhoneGap开发环境搭建以及第一个helloworld的创建
- Android JNI编程(一)——JNI概念以及C语言Dev-C++开发环境搭建、编写HelloWorld
- HBuilder开发App教程02-环境搭建,HelloWorld以及真机调试
- 搭建 Android 开发环境,初试HelloWorld (win7) (上)
- [转]Android开发之旅:环境搭建及HelloWorld
- [备份用途]Android 开发之旅:环境搭建及HelloWorld