(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会在你选的盘符下创建一个以你输入的名字创建一个文件夹,而不加,会询问你是否在当前目录下创建)

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

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

为了让项目可以运行,需要安装项目依赖;(我用的是淘宝镜像,)
命令: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中的某些文件

    原文作者:咸鸭蛋
    原文地址: https://segmentfault.com/a/1190000009565961
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞