项目初始化
npm install -g koa-generator
koa2 -e koa2-weibo-code
ps: -e 表示要使用ejs做模板引擎
cd koa2-weibo-code
npm install (--registry=https://registry.npm.taobao.org)
有了初始结构
运行 npm run dev
在浏览器中访问localhost:3000
在coding.net
新建一个仓库,命名和项目名称一致,复制ssh源
在koa2-weibo-code文件夹中 运行 git init
,创建一个空的git仓库。
加上代码的git源
然后git status查看文件变动
拉完后 .gitignore就出现了
把代码提交一下
git status
git add .
git commit -m "init project"
git push origin master
结果:可以在coding.net
上看到新增的文件
ps:如果项目文件夹忘了建README.md了就新建一个。
因为后面要设置环境变量所以需要安装一个插件
npm i cross-env -D
ps:-D是–save-dev的省略
去到package.json里面添加环境变量
代码结构讲解
代码习惯
新建一个src文件夹,把
移动到src文件夹下。
注意此时的app.js路径发生了变化,所以需要在bin/www文件夹下,修改路径
查看app.js中的routes
查看routes文件夹中的index.js user.js 路由的前缀
ps:后期路由会拆分成view层和api层。bodyparser帮助我们解析出ajax的post请求的data数据。
打印日志的
相当于搭建了静态资源服务
直接访问
注册一下后端编译模板
注释掉相当于手写的logger监听
这个error监听可以在页面上显示信息
这个在控制台上显示信息
删掉package.json的start项
git diff 可以按q退出
做了重构之后,提交代码:
git add .
git commit -m "refactor: 调整目录结构,没有做其他的新功能"
如果是新增加了功能就是用feature前缀
如果是修改了bug,就用fixed
如果是新增了文档就用doc
如果做了什么eslint的东西就用lint
ps:开发环境都搞定之后要拉取新的分支。
项目初始化完成