Kbone + Vue 的一个 Entrytask
前言
前几天加入了一个团队, 准备协作重构某个计算机语言社区的微信小程序, 使用的技术栈暂定是:
- vue +kbone
关于kbone
可以点击链接查看我的上一篇笔记.
关于这个团队我就先不公布, 因为里面除我皆佬, 我是最菜的那个, 万一我没待下去呢 ~
就在昨天晚上, 我们团队进行了一次Meeting. "头儿"带领我们互相熟悉, 讲解加下来的一些事宜, 并且发布一个Entrytask
, 也就是这篇文章的标题.
以下是对这次任务的记录:
环境
- window 10
- node v12.13.1
- npm v6.12.1
- kbone-cli v0.3.3
- git v2.24.0.
正文
创建项目
# 创建项目
kbone init mp-kbone
# 到项目目录下
cd mp-kbone
接下来需要与远程仓库(github)建立链接, 团队每个人都有属于自己的分支
第一次使用分支, 有点小激动, 好好的问了问度娘.
pr步骤:
fork别人的项目到自己仓库, 将改变的内容push到自己的仓库, 最后发pull request到指定分支
# 初始化
git init
# 与origin master建立连接
git remote add origin git@github.com:XXXX/mp-kbone.git
# 把远程分支拉到本地(这个时候需要注意仓库下有没有没有add&commit的文件)
git fetch origin iscolt
# 在本地创建分支iscolt并切换到该分支
git checkout -b iscolt(本地分支名称) origin/iscolt(远程分支名称)
# 把分支上的内容都拉取到本地
git pull origin iscolt(远程分支名称)
这个时候你会发现, 咦我创建的项目文件呢?? 已经变成了远程仓库的文件.
想要找回原来的文件, 只需要 git checkout master
切回主分支就可以了.
amazing~
接下来就需要将主分支创建的项目合并到iscolt
这个分支.
What am i doing ???
# 先回iscolt分支
git checkout iscolt
# 合并操作
git checkout --patch master ./
# 接下来输入了一堆的 y 一定是我指令的问题
# 我决定有时间重修git emm...
测试项目
Web端
运行
npm run web
访问localhost:8080? 不, 它已经自己跳出来了. Success~
build
npm run build
build之后
- 页面空白, 找不到js文件, 手动修改, 页面还是空白~ 似乎被隐藏了, 名太再研究~ 保命要紧
- 静态文件没有引号, 再配置文件中配置即可.
小程序端
运行
npm run mp
用微信开发者工具打开项目下dist
> mp
测试OK, 图片就不贴了, 贫穷 && 懒
提交代码
git push origin iscolt
申请合并
略 ~
总结
- git分支的使用还有待实践
- 第一次使用新技术, 有点懵
- 感觉有点乱, 不明白的可以评论留言