最近在学习vue,照着视频敲了一边饿了么app,在朋友的帮助下将项目部署到了coding上,现在可直接通过链接查看项目,下边记录一下;
首先把链接放上来,可以先看一下效果,http://RedaTao.coding.me/ele-app;
注:过程中需要使用git,自行下载安装,http://git-scm.com/downloads;
1.在coding上注册一个名为ele-app的项目;
私有公开都可以,其中
README:一般项目中都会添加一个README文件对项目进行概述,以便一目了然地知道这个项目是做什么用的,如何使用等信息。README文件采用markdown语法书写。
开源许可证:定义该项目的传播方式,比如他人是否可以商业化使用该项目,他人是否可以随意传播、发布、更改该项目。
.gitignore文件:该文件可以定义哪些文件不添加到仓库中,比如项目产生的临时文件。
2.在本地计算机找一个位置存放项目,将coding上的项目克隆下来
先把远程库的地址复制下来,即coding上ele-app项目的位置(复制下图红箭头所指内容);
回到本地想要放项目的位置,安装好git之后,鼠标右键会有如下两个操作,点击git bash here,打开git黑窗口,
输入指令:git clone https://git.coding.net/RedaTao/ele-app.git //这个位置就是刚刚复制的位置;
回车,输入用户名,密码,成功之后就可以看到本地有了ele-app项目,
3.将本地项目复制到克隆下来的这个项目文件夹(ele-app)里边,
下图选中文件即本地项目打包后的文件,其余的.git和REDAME.md两个文件是克隆生成的,不用管
4.将项目文件添加到 git 版本管理并提交到远程仓库
执行命令: cd ele-app //切换到ele-app文件下
执行命令: git add . //将更改过的文件添加到临时区
执行命令:git commit -m "注释内容" //将文件提交到本地库
执行命令:git push //将文件push到远程库
回到coding,刷新,即可看到项目已经部署进来了
5.生成可访问链接
在coding上ele-app项目中选择:代码--pages服务--部署来源选择master分支--保存,如下图
保存之后,就会发现生成了一个链接
复制红色箭头所指链接,在浏览器中打开,即可查看自己的项目了