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

1、安装创建项目javascript

一、安装nodejscss

二、安装express(全局)html

npm install -g express

 默认安装的是4.12.4java

三、因为在3.6版本以后项目构建器被单独拆分出来,因此还须要单独安装(全局)node

npm install -g express-generator

安装好之后就能够查看express的版本了express

express -V # 检查express的版本

 

四、进入工做目录经过express 建立项目npm

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了。json

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

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

cd myexpress && npm install

六、将ejs 模板文件后缀修改成html

打开app.js

找到--> app.set('view engine', 'ejs');
替换为-->
app.engine('.html', ejs.__express);
app.set('view engine', 'html');

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

 

2、目录结构

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

3、启动服务

npm start

 便可看到首页了。

相关文章
相关标签/搜索