(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

发布时间:2019-05-14 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

首先感谢segmentfault上,各位朋友的对我的帮助。

环境要求: 安装有 Node.js、 vue、 vue-cli 、git

1:
创建项目:vue-cli init webpack ProjectName(ProjectName为你的项目名称,我创建的是xyd);
命令:vue-cli init webpack ProjectName
(ProjectName可要可不要,区别在于,带上名字vue会在你选的盘符下创建一个以你输入的名字创建一个文件夹,而不加,会询问你是否在当前目录下创建)

clipboard.png

clipboard.png

为了让项目可以运行,需要安装项目依赖;(我用的是淘宝镜像,)
命令:cnpm install

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

然后运行 项目是否可以启动
命令:cnpm run dev

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

2:
初始化这个项目,使它成为git仓库;
git init 初始化仓库,创建后会有一个.git文件夹(git文件夹中的文件是用来管理git仓库所需的东西,大神说没事不要动)

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

3:

查看当前库的状态
命令: git status

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

git 会提示你 把文件提交到暂存区(也就是 git add,提交到库)

命令:git add .(.表是工作区所有的变化,也就是你对项目做了修改的文件,但不包括删除的文件);

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

提交到本地库中:
命令:git commit -m"你对这次提交的说明"

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

4:
github上创建或者使用已经有的仓库;
我这里已经有一个仓库,使用这个仓库;
你需要配置用户信息 以及SHH key;
关联远程库
命令:git remote add xyd git@github.com:Xyd1995/2017-code.git
xyd是
Xyd1995这是我的用户名,要换成你们自己的!关联到我的库是可以的,但是你不能提交,因为你的SSH key我没有保存到我的账户中;

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

查看关联库的信息:
git remote -v 列出已关联的库,带有URL

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

git remote 列出已关联的库,不带url

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

查看某一个指定的库

git remote show 库名称

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

提交到远程库:

命令:git push -u xyd master

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

到github上查看库;

(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库

!!!完成
我们发现,上传之后的vue并没有上传vue_module这个文件
这是因为vue-cli脚手架帮我们设置了让git上传时忽略指定的文件;

如何忽略vue中的某些文件

脚本宝典总结

以上是脚本宝典为你收集整理的(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库全部内容,希望文章能够帮你解决(Git 总结 一) vue-cli脚手架创建的项目如何git到远程库所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:Vue