项目初始化

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)

有了初始结构

koa2 如何连接mysql koa2 github_koa2 如何连接mysql


运行 npm run dev 在浏览器中访问localhost:3000

koa2 如何连接mysql koa2 github_koa2 如何连接mysql_02


coding.net新建一个仓库,命名和项目名称一致,复制ssh源

在koa2-weibo-code文件夹中 运行 git init,创建一个空的git仓库。

koa2 如何连接mysql koa2 github_koa2 如何连接mysql_03


加上代码的git源

koa2 如何连接mysql koa2 github_环境变量_04


然后git status查看文件变动

koa2 如何连接mysql koa2 github_环境变量_05


拉完后 .gitignore就出现了

把代码提交一下

git status
git add .
git commit -m "init project"
git push origin master

koa2 如何连接mysql koa2 github_初始化_06


结果:可以在coding.net上看到新增的文件

ps:如果项目文件夹忘了建README.md了就新建一个。

因为后面要设置环境变量所以需要安装一个插件

npm i cross-env -D

ps:-D是–save-dev的省略

去到package.json里面添加环境变量

koa2 如何连接mysql koa2 github_git_07

代码结构讲解

代码习惯

新建一个src文件夹,把

koa2 如何连接mysql koa2 github_初始化_08


移动到src文件夹下。

注意此时的app.js路径发生了变化,所以需要在bin/www文件夹下,修改路径

koa2 如何连接mysql koa2 github_git_09


查看app.js中的routes

查看routes文件夹中的index.js user.js 路由的前缀

koa2 如何连接mysql koa2 github_koa2 如何连接mysql_10


ps:后期路由会拆分成view层和api层。bodyparser帮助我们解析出ajax的post请求的data数据。

koa2 如何连接mysql koa2 github_初始化_11


打印日志的

koa2 如何连接mysql koa2 github_koa2 如何连接mysql_12


相当于搭建了静态资源服务

koa2 如何连接mysql koa2 github_node.js_13


直接访问

koa2 如何连接mysql koa2 github_git_14


注册一下后端编译模板

koa2 如何连接mysql koa2 github_初始化_15


注释掉相当于手写的logger监听

koa2 如何连接mysql koa2 github_环境变量_16


这个error监听可以在页面上显示信息

koa2 如何连接mysql koa2 github_node.js_17


这个在控制台上显示信息

koa2 如何连接mysql koa2 github_环境变量_18


删掉package.json的start项

git diff 可以按q退出

做了重构之后,提交代码:

git add .
git commit -m "refactor: 调整目录结构,没有做其他的新功能"

如果是新增加了功能就是用feature前缀
如果是修改了bug,就用fixed
如果是新增了文档就用doc
如果做了什么eslint的东西就用lint

ps:开发环境都搞定之后要拉取新的分支。

项目初始化完成