node.js（2） Express安装及环境配置

拼搏现实的明天。 2022-08-09 06:49 63阅读 0赞

一、安装  
官网[http://expressjs.com/][http_expressjs.com]  
express4.X的有一些变化，4.x版本中将命令工具单独分出来了([https://github.com/expressjs/generator][https_github.com_expressjs_generator]),所有要先按装express-generator，否则创建项目时，会提示express命令没找到

$ npm install -g express-generator #需先安装express-generator  
    
    $ npm install -g express  
    
    $ express -V  #验证是否安装成功

二、创建项目

$ express myfirstexpress # express的默认模版采用jade，若需要ejs模版支持，加上-e选项，即 express -e myfirstexpress  
    $ cd myfirstexpress

$ ls/dir  
    app.js  bin  package.json  public  routes  views #项目的目录结构

![这里写图片描述][20151015102728248]

> app.js：启动文件，或者说入口文件  
> package.json：存储着工程的信息及模块依赖，当在 dependencies  
> 中添加依赖的模块时，运行 npm install，npm 会检查当前目录下的 package.json，并自动安装所有指定的模块  
> node\_modules：存放 package.json 中安装的模块，当你在 package.json 添加依赖的模块并安装后，存放在这个文件夹下  
> public：存放 image、css、js 等文件  
> routes：存放路由文件  
> views：存放视图文件或者说模版文件

三、运行项目

$ npm install #需要等待一段时间，因为需要获取很多的库文件  
    
    $ npm start  
    
    > myfirstexpress@0.0.1 start /root/myfirstexpress  
    > node ./bin/www

四、为了方便后期调试

建议

$ npm install -g supervisor
    
      supervisor bin/www  #相当于  npm start

每次运行就不用在退出重启

五、访问第一个express项目

浏览器中输入 http://你的IP:3000

显示

Express  
    
    Welcome to Express

说明express安装成功

[http_expressjs.com]: http://expressjs.com/
[https_github.com_expressjs_generator]: https://github.com/expressjs/generator
[20151015102728248]: /images/20220731/fa01eae99de84cdd9c09e8fce29b20b4.png