课程名称:基于Vue3+Vite+TS,二次封装element-plus业务组件
课程章节:第8章 使用vuepress 编写组件文档
主讲老师:五月的夏天
课程内容:
今天学习的内容包括:
8-6 如何在 github 部署预览项目——使用github的pages进行静态部署。
8-7 如何在码云部署预览项目——使用gitee的pages进行静态部署。
课程收获:
github 部署预览项目
1、打包执行命令npm run build发现报错,后发现是vue-tsc --noEmit的问题。
2、推送到github,配置好pages后内容不显示。
3、引用的资源都显为404,研究发现需要在vite.config.js中配置base路径。
git init
git add .
git commit -m 'xxx'
git branch -M main
git remote add github git@..git
git push -u github main
// 或则
git push -u github
码云部署预览项目
1、码云开启pages需要实名认证,还是比较快的。
2、部署时部署路径需要填写没有的话需要填写./或则报错。
3、可以直接添加一个远程仓库进行推送操作。
git add .
git remote add gitee git@..git
git commit -m 'xxx'
git push -u gitee
课外知识
1、额外研究了一下,可以通过脚本部署pages。
2、也可以通过CICD进行打包部署。
今天的学习了静态部署预览,能够把自己开发的项目让别人通过npm安装进行使用,通过网址查看封装的组件库效果,总体非常有成就感。
下一步就是学习 文档编写 了。今天学习就先到这里吧。
坚持打卡,坚持学习,未来可期,加油😀~