• 使用gitbash输入cnpm install i -g express-generator
    vue项目下搭建基于express框架的运行环境

  • 查看是否安装完成:express --version,如果安装成功,下方会出现安装版本号。
    vue项目下搭建基于express框架的运行环境

  • 创建生成express项目:express 项目名称,例如vue项目下搭建基于express框架的运行环境
    执行成功后,项目目录下会出现你所创建的项目:
    vue项目下搭建基于express框架的运行环境
    bin是可执行文件public里是静态资源,routes里是相应路由,views下是视图,官方推荐使用jade.

  • 由于vue项目下已有package.json,所以可将server下的package.json与其合并

    • 将server下的package.json与其合并中的依赖剪切到vue项目的package.json中
      vue项目下搭建基于express框架的运行环境
      vue项目下搭建基于express框架的运行环境
  • cnpm install来安装依赖

  • vue项目下搭建基于express框架的运行环境 进入server文件:cd server,并输入 `node bin/www,可在浏览器下访问http://localhost:3000/
    vue项目下搭建基于express框架的运行环境
    如果喜欢html引擎的话可以进行如下操作

  • 可选择删除views下的jade文件,在app.js下进行如下配置,(需要先安装ejs:cnpm install ejs --save),并在app.js中引入

  • vue项目下搭建基于express框架的运行环境
    vue项目下搭建基于express框架的运行环境
    (注意:express前是两个项目)

  • 在views下可新建页面index.html

  • vue项目下搭建基于express框架的运行环境
    然后重新启动bin下的www:vue项目下搭建基于express框架的运行环境
    可访问到index页面
    vue项目下搭建基于express框架的运行环境

相关文章:

  • 2021-06-20
  • 2021-05-02
  • 2021-10-23
  • 2022-01-03
  • 2021-04-20
  • 2022-12-23
  • 2021-07-28
  • 2022-01-17
猜你喜欢
  • 2022-12-23
  • 2021-12-09
  • 2021-08-25
  • 2022-02-09
  • 2021-11-15
  • 2022-12-23
  • 2022-02-11
相关资源
相似解决方案