最新某某《VUE项目实战《硅谷外卖》》

一 、先全局安装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
--------------------- 
作者:cc果冻LXY 
来源:CSDN 
原文:https://blog.csdn.net/weixin_44538675/article/details/88582809 
版权声明:本文为博主原创文章,转载请附上博文链接!

猜你喜欢

转载自blog.csdn.net/a123za1a1a1/article/details/88738031