nodejs框架express4.x 学习--安装篇

时间：2021-10-28 11:07:13

一、安装建立项目

1、安装nodejs

2、安装express（全局）

npm install -g express

默认安装的是4.12.4

3、由于在3.6版本之后项目构建器被单独拆分出来，所以还需要单独安装（全局）

npm install -g express-generator

安装好以后就可以查看express的版本了

express -V # 检查express的版本

nodejs框架express4.x 学习--安装篇

4、进入工作目录通过express 创建项目

D:\>cd workspace/UedFe/www/express/ && express -e myexpress

   create : myexpress

   create : myexpress/package.json

   create : myexpress/app.js

   create : myexpress/public

   create : myexpress/public/stylesheets

   create : myexpress/public/stylesheets/

   create : myexpress/public/images

   create : myexpress/views

   create : myexpress/views/index.ejs

   create : myexpress/views/error.ejs

   create : myexpress/routes

   create : myexpress/routes/index.js

   create : myexpress/routes/users.js

   create : myexpress/bin

   create : myexpress/bin/www

   install dependencies:

     > cd myexpress && npm install

   run the app:

     > SET DEBUG=myexpress:* & npm start

   create : myexpress/public/javascripts

express -e myexpress

这句我理解就是模板为ejs，如果不带这个参数或者是-j  那模板就会是使用jade了。

5、进入项目目录并进行依赖安装

在express生成项目目录时，会自动生成package.json 文件，需要自行安装

cd myexpress && npm install

6、将ejs 模板文件后缀修改为html

打开app.js

找到--> app.set('view engine', 'ejs');

替换为-->

app.engine('.html', ejs.__express);

app.set('view engine', 'html');

并将view文件夹下的模板文件后缀改成html即可。

二、目录结构

  • bin, 存放启动项目的脚本文件
  • node_modules, 存放所有的项目依赖库。
  • public，静态文件(css,js,img)
  • routes，路由文件(MVC中的C,controller)
  • views，页面文件(Ejs模板)
  • package.json，项目依赖配置及开发者信息
  • app.js，应用核心配置文件

三、启动服务

npm start

即可看到首页了。

相关文章