使用express(4.X)搭建第一个Web应用【Node.js初学】
2016-04-15 17:05
831 查看
使用Node.js开发框架Express4.x建立项目
基 于Nodejs的官方Web开发库Express在发展着,每年升级一个大版本。在Express4时,替换掉中件间库connect,而改用多个更细粒 度的库来取代。不能兼容旧的版本,很多关于Express3的教程这里已经不适用了。这里我将通过图文并茂的形式教大家使用Node.js开发框架 Express4.x建立项目.![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/05/86bf59a6b775bf0d687452b48417ff9b.jpg)
工具/原料
Node.jsExpress4
方法/步骤
安装Express在Express3.6.x之前的版本,Express需要全局安装的,项目构建器模块是合并在 Express项目中的,后来这个构建器被拆分出来,独立成为了一个项目express-generator,现在我们只需要全局安装express- generator项目就行了。
#npm install -g express-generator
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/05/fe73226a7fd06cb738e3ead84ad52505.jpg)
express命令基本用法
安装好express-generator包后,我们在命令行就可以使用express命令了。
通过帮助命令就可查看命令所有用法。
express -V :检查express的版本 4.13.1;
express -h :检查看express的帮助命令;
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/05/1c54d5dd5680fe6a0e2276abdc3dc964.jpg)
创建项目
使用express的命令,来创建项目了。
1、进入工作目录 #cd /home/vagrant/Code/htdocs/node/workspace
2、创建项目 #express -e nodejs-demo
3、项目创建完成之后有提示如何安装依赖和启动项目进入项目目录,下载依赖库,构建项目。cd nodejs-demo && npm install
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/05/b84b558139feed6da18cf376bb5b53e7.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/05/713676db089ace531e56d72ef189e952.jpg)
启动项目
项目创建成功之后就可以启动项目然后在浏览器中访问,这里启动的方式和express3的不一样;
node ./bin/www项目启动成功;
打开浏览器 http://localhost:3000,就可以看到显示的页面了。
也可以通过npm start启动项目
几条命令就把一个最基本的Web应用做好了。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/05/2bfd7d2c196701a8d38bb8e5e33f58e5.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/05/9f1b24b66cc7eabf0239a073c175331a.jpg)
注意事项
如果学习过旧版本的express,这里有两点要注意,安装express和启动项目都不一样了相关文章推荐
- Installing node.js on ubuntu server 15.10
- 『奇葩问题集锦』npm install 报错 node-pre-gyp ERR! node-pre-gyp -v v0.6.25
- node authentication
- Unix Filesystem Organization
- 美团酒店Node全栈开发实践
- 理解Nodejs中的事件轮询机制
- webstorm中使用nodejs,npm 配置
- NodeJS、NPM安装配置步骤
- 错误:namenode无法自动切换成active
- Nodejs Express目录结构
- 19. Remove Nth Node From End of List
- NodeJS、NPM安装配置步骤(windows版本)
- nodejs利用nodemailer发送邮件
- node解析ini文件
- nodepad++不打开上次关闭的文件
- node.js npm 提示 Error: ENOENT stat 报错的解决方法
- 【leetcode】237. Delete Node in a Linked List
- hadoop namenode ha--手动切换
- LeetCode - Delete Node in a Linked List
- 错误:datanode无法启动