Kbone + Vue 的一个 Entrytask

Kbone + Vue 的一个 Entrytask

Scroll Down

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~

VueKbone entrytaskwebtest.png

build

npm run build

build之后

  • 页面空白, 找不到js文件, 手动修改, 页面还是空白~ 似乎被隐藏了, 名太再研究~ 保命要紧
  • 静态文件没有引号, 再配置文件中配置即可.

小程序端

运行

npm run mp

用微信开发者工具打开项目下dist > mp

测试OK, 图片就不贴了, 贫穷 && 懒

提交代码

 git push origin iscolt

申请合并

略 ~

总结

  • git分支的使用还有待实践
  • 第一次使用新技术, 有点懵
  • 感觉有点乱, 不明白的可以评论留言
支付宝 微信