Vue项目dist文件夹不能上传至github问题

本地demo上传至github五步曲

https://cloud.tencent.com/developer/article/1416236

想要把项目托管在github上边，通过npm run build进行打包

但是产生的dist文件夹目录被禁止上传

可以看到列表里面，并没有dist文件，也无法生成链接来访问vue的项目。

于是在生成的地址里面无法访问index.html

原因：vue为了节约上传文件的大小，将dist文件给禁止上传了；

解决方法：

找到vue根目录下的.gitignore

打开文件

删除掉 /dist/ ，

.DS_Store
node_modules/

npm-debug.log*
yarn-debug.log*
yarn-error.log*
/test/unit/coverage/
/test/e2e/reports/
selenium-debug.log

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln

保存之后

重新在命令行打包（npm run build）

上传至github

这个时候就有了

原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1 90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。 坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，对于博客上面有不会的问题，欢迎加入编程微刊qq群：260352626