本文主要介绍了nodejs的express如何自动生成项目框架,这里整理了详细的代码,有需要的小伙伴可以参考下。
[b]nodejs版本为:4.X,express版本为4.X[/b]
[b]1.全局安装2个模块[/b]
express、express-generator
在命令行输入:
npm install -g express
npm install -g express-generator
如果模块下载很慢可以在后面 空格加上淘宝的镜像[code] --registry=https://registry.npm.taobao.org [/code]
查看是否全局安装express成功命令: express -V 注意是大写的V;或者 express -h
[img]http://files.jb51.net/file_images/article/201707/2017071217041757.png[/img]
看到版本号就算是安装成功了.
[b]2.生成项目基本框架[/b]
命令: express xxx,4.x版本的express默认页面模板引擎是jade,如果想用ejs,命令应该是这样的: express -e xxx
[img]http://files.jb51.net/file_images/article/201707/2017071217041758.png[/img]
[b]3.下载项目所需的模块[/b]
自动创建了文件夹,然后再运行红圈里的命令 : [code] cd hello && npm install[/code]
意思就是进入hello目录,npm install是下载项目所需的基本模块,这个定义在package.json文件的dependencies中
[img]http://files.jb51.net/file_images/article/201707/2017071217041859.png[/img]
[b]4.运行项目[/b]
命令:[code]npm start[/code]
[img]http://files.jb51.net/file_images/article/201707/2017071217041860.png[/img]
浏览器访问 : http://localhost:3000/
[img]http://files.jb51.net/file_images/article/201707/2017071217041861.png[/img]
看到这个恭喜你,项目成功运行起来了.
[b]5.看看项目结构[/b]
[img]http://files.jb51.net/file_images/article/201707/2017071217042063.png[/img]
[list=1]
[*]bin下的www是项目入口[/*]
[*]node_moduls 项目所需模块[/*]
[*]public 静态资源,如图片,js,css[/*]
[*]routes 路由文件[/*]
[*]views 页面文件[/*]
[*]app.js 项目需要的中间件等基本配置[/*]
[*]package.json 定义项目的基本信息等,包括项目所需要的模块名和版本号[/*]
[/list]
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。