一、git版本管理
1、建立远程仓库,邀请成员,分配权限
2、每个程序员 克隆项目(就会有本地仓库)
二、脚手架搭建和开发
1、项目负责人搭建脚手架,并且把项目上传到远端
1)、vue create 项目名 | vue init webpack 项目名
2)、项目负责人把脚手架的代码拷贝到本地仓库所在目录下。
3)、项目负责人把脚手架的代码上传到远端版本库。
git add .
git commit -m ""
git push 远端地址 main
4、各程序员下载远端的脚手架空项目
5、各程序员进行开发
1)、建立分支(小仓库)
2)、写代码
3)、上传:git add git commit git push
4)、 循环以上三步,直到当前功能开发完毕
5)、合并分支的代码到主分支
6)、上传主分支的代码到远端。
7)、每天重复以上六步,这就是程序员的一生。
6、注意点:
每次push的时候,应该先pull
三、打包上线
1、项目负责人(或指派人员)打包
npm run build
结果在dist目录下。
1)、第一种情况:前后端不分离(在一台服务器上)
不存在跨域问题,所以不需要反向代理。那么,打包前需要看看baseURL要不要改。 /api
2)、第二种情况:前端后端分离
有跨域问题,但是,打包时,不需要做修改。
2、上线:
1)、第一种情况:前后端不分离(在一台服务器上)
把dist的目录的代码发给后端,后端统一传到互联网(www服务器)服务器上
2)、第二种情况:前端后端分离
跨域问题(反向代理),使用nginx解决。
前端www服务上使用nginx。把曾经在webpack中的反向代理配置,写在nginx里。
后端会把自己的代码放在另外一台(www)服务器上
vue脚手架项目从开发到打包完整的流程(从零开始做一个项目)
最新推荐文章于 2024-03-24 21:04:03 发布