express脚手架创建

来源:cc果冻LXY 发布时间:2019-03-30 17:32:34 阅读量:1491

、先全局安装express

 

  npm i express -g

 

二、新建一个文件work

 

npm init初始化文件会生成一个package.json文件

 

三、安装express本地依赖

 

接下来安装Express并将其保存到依赖列表中:

 

npm i  express --save

 

(如果只是临时安装Express,不想将它添加到依赖列表中,只需略去–save即可)

 

 

 

四、安装脚手架

 

express -e

 

 

 

 

 

bin文件夹

 

有一个www的文本文件,主要是对app.js模块的一个接收,通过node让浏览器negative够解析到app.js模块

 

public

 

此文件夹下放的是静态资源文件,想js文件,图片,css文件都放在该目录下面,由于app.js对其路径进行了相关配置,所以,如果在ejs文件里面调用,直接写根目录下的路径就可以,不用../public/stylesheet等这样的写,直接/stylesheet下面的文件就可以。

 

routers

 

这个文件夹主要用来写路由,index.js主要用来做视图展示部分的、渲染页面,user.js主要是用来做数据逻辑处理的。

 

views

 

views文件夹下面放的是视图文件,相当于html页面,但是express用到的是ejs模板引擎。

 

app.js

 

app.js是程序启动的入口,引入我们需要的模块和路由。

 

注: 

 

ejs模板引擎

 

模板引擎是一个将页面模板和数据结合起来生成 html 的工具。ejs 就是其中一种。有3种常用标签

 

详情请参考官方文档:https://ejs.bootcss.com/ 

 

<% javascript的代码 %>:运行 JavaScript 代码,不输出

<%= 变量名 %>:显示转义后的 HTML内容

<%- 变量名 %>:显示原始 HTML 内容

运行:

 

如果配置node  ./bin/www


标签: PHP 环境搭建
分享:
评论:
你还没有登录,请先