打包Vue项目
当Vue项目完成后,在根目录下打开命令行,输入命令:
npm run build
实际上此命令就是执行build.js文件,将项目打包成静态资源。
此命令完成后,项目根目录下会多出一个dist文件夹,dist文件里面有:
项目资源无法加载
点击index.html,浏览器显示该页面是空白的,打开控制台看到:
原因:因为index.html里的路径有问题。
解决办法:看了几篇别人家的博客说是config下的index.js文件进行配置路径的修改,由于我下载的vue cli4版本没有该文件,目前想到的办法是将index.html文件里的src属性的路径统一改为 ./ 开头。
使用github托管代码步骤
1.在github上创建一个仓库
2.克隆线上仓库
git clone github.com/....
3.复制现有代码到仓库根目录
4.添加全部文件到缓存区
git add .
5.添加到本地仓库
git commit -m"初始化这个仓库"
6.提交代码到线上仓库
git push github.com/....
(点击Clone or download按钮,复制弹出的地址git@github.com:***/test.git,记得要用SSH的地址,尽量不要用HTTPS的地址)
github在线预览
1.将文件上传到github对应的仓库
2.将对应的文件同步到gitee
3.点击服务,部署写好对应的目录完成