码迷,mamicode.com
首页 > 其他好文 > 详细

前后端分离项目从零开始

时间:2020-07-03 23:20:48      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:github   命令   重启   outer   ===   fun   webp   class   添加   

1.创建一个项目(new-project)

执行 npm init -y;

2.借鉴了yii项目结构 把basic里面的内容放到 把没用的都删掉

技术图片

 

 3.开发controller目录

技术图片

 

 4.编辑app.js

安装koa   npm install koa --save-dev

--save-dev  开发模式下  === -D

--save 线上模式 === -S

webpakck 上线不需要  装-D里里面

技术图片

 

 用nodemon(监听文件变动, 变动之后自动重启) 启动app.js

如果没有 nodemon命令  npm install -g nodemon

nodemon app.js

或者使用supervisor  

supervisor app.js

(pm2)待研究

配置config/index.js

技术图片

 

 配置package.json

如果安装的nodemon   "start": "cross-env NODE_ENV=development nodemon app.js" 
如果安装的supervisor   "start": "cross-env NODE_ENV=development supervisor app.js" 
NODE_ENV=development 这句话config/index.js if判断要用
如果不知道bao去哪找  去github上一般在最下面都有
以koa为例  找koa的中间件
技术图片

 

 路径: https://github.com/koajs/koa/wiki

 

建立路由

本人用的koa-simple-router

npm install koa-simple-router --save

修改controlls/index.js  配置相应的路由并导出

技术图片

 

 修改 app.js 

 技术图片

添加     require(‘./controllers‘)(app);   导出的是一个function   故可以传参数

前后端分离项目从零开始

标签:github   命令   重启   outer   ===   fun   webp   class   添加   

原文地址:https://www.cnblogs.com/BHB-tai/p/13232991.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!