nodejs的express自动生成项目框架-2016

以你之姓@ 2022-07-21 01:22 195阅读 0赞

**nodejs版本为:4.X,express版本为4.X**

## **1.全局安装2个模块** ##

express、express-generator

在命令行输入:

npm install -g express

npm install -g express-generator

如果模块下载很慢可以在后面 空格加上淘宝的镜像 \--registry=https://registry.npm.taobao.org ![微笑][smile.gif]

[express不是内部或外部命令,也不是可运行的程序或批处理文件原因:][express]

[http://blog.csdn.net/zzwwjjdj1/article/details/52127317][express]

查看是否全局安装express成功命令: express -V 注意是大写的V;或者 express -h

![Center][]

看到版本号就算是安装成功了.

## 2.生成项目基本框架 ##

命令: express xxx,4.x版本的express默认页面模板引擎是jade,

如果想用ejs,命令应该是这样的: express -e xxx

![Center 1][]

## 3.下载项目所需的模块 ##

自动创建了文件夹,然后再运行红圈里的命令 : cd hello && npm install

意思就是进入hello目录,npm install是下载项目所需的基本模块,这个定义在package.json文件的dependencies中

![Center 2][]

## 4.运行项目 ##

命令:npm start

![Center 3][]

浏览器访问 : [http://localhost:3000/][http_localhost_3000]

![Center 4][]

看到这个恭喜你,项目成功运行起来了.![得意][proud.gif]

## 5.看看项目结构 ##

![Center 5][]

bin下的www是项目入口  
node\_moduls 项目所需模块  
public 静态资源,如图片,js,css  
routes 路由文件  
views 页面文件  
app.js 项目需要的中间件等基本配置  
package.json 定义项目的基本信息等,包括项目所需要的模块名和版本号

[smile.gif]: /images/20220720/acc9df1694964f2c8713e7cbfaba9c42.png
[express]: http://blog.csdn.net/zzwwjjdj1/article/details/52127317
[Center]: /images/20220720/5d896039b86f4dbb9e92490f59207e46.png
[Center 1]: /images/20220720/a1ec5332548544e6b4aaa3d01276a7ea.png
[Center 2]: /images/20220720/0c3e9aa3cf3847d9a32739d1f6e51fed.png
[Center 3]: /images/20220720/9d0a257b40e7495ebff3d6f802fc620f.png
[http_localhost_3000]: http://localhost:3000/
[Center 4]: /images/20220720/748e9551e5ed437095c199c09081703d.png
[proud.gif]: /images/20220720/8ac626018f284e19980e4498760c65c6.png
[Center 5]: /images/20220720/7963c4334737452f9cb9baf51c166b77.png