【九月打卡】第3天 部署预览

课程名称：基于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安装进行使用，通过网址查看封装的组件库效果，总体非常有成就感。

下一步就是学习 文档编写 了。今天学习就先到这里吧。

坚持打卡，坚持学习，未来可期，加油😀~

​