码迷,mamicode.com
首页 > 其他好文 > 详细

node Express安装与使用(一)

时间:2017-02-09 13:16:42      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:image   资源   hello   localhost   步骤   cal   expressjs   创建   访问   

首先放上官网地址 http://www.expressjs.com.cn/ 学会查阅官方手册,它是最好的资料。

1.Express安装

首先确定你已经安装了 Node.js,然后去你创建的项目目录下(例如:expressDemo) 同时按键盘shift键和鼠标右键,如图:

技术分享

在此处打开命令窗口。执行下面代码:

1 npm install express

 技术分享

结果如上图呢基本无误,到此express的安装告一段落,come on,Let‘s Go!让我们来验证一下吧...

验证步骤:

第一步:在expressDemo目录下创建一个js文件demo.js

第二步:编写代码:

1 const express = require(‘express‘);
2 const app = express();
3 app.get(‘/‘,function(req,res){
4     res.send(‘<h1>Hello,world!</h1>‘)
5 });
6 
7 app.listen(3001);

码到这里一个小demo就完成了。

第三步:去cmd窗口 ,执行js文件

技术分享

第四步:在浏览器中使用 http://localhost:3000/ 访问,结果如下:

技术分享

 

Express的安装就愉快的完成啦,吼吼(不要得意,这只是起步哦!)

2.express在项目中的使用——应用生成

  express中我最喜欢应用生成器啦,有木有,此时就像买变魔术一样一层层目录结构就自动生成了。

  在实际项目开发过程中,我们的项目到底是如何组织的呢,因为一个完整的项目,必然有很多的内容需要处理。比如20个页面,还有对应的jscssimage图片等资源

此时,我们可以使用express的应用生成器帮助我们完成项目的构建。

(1)安装应用生成器

 

 npm install -g express-generator 

技术分享

此处,我们使用的全局安装,这就意味着在任何地方都可以使用它。

注意:全局安装的位置,可以通过npm root -g查看。

(2)创建项目结构

 

express myDemo

 

技术分享

对应的项目就生成了,如图:

技术分享

 

 (3)安装依赖包

 npm install                                                                                    

 技术分享

项目中自然就生成了一个文件夹node_modules

技术分享

(4)启动应用

npm start

技术分享

去浏览器中使用http://localhost:3000 访问即可:

技术分享

3.项目结构分析

技术分享

这次就粗略的聊到这里吧,下班了,吃午饭去啦~~~

 

node Express安装与使用(一)

标签:image   资源   hello   localhost   步骤   cal   expressjs   创建   访问   

原文地址:http://www.cnblogs.com/imelemon/p/6381511.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!