使用coding托管vue仿饿了么项目,实现可直接查看效果

最近在学习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分支--保存,如下图


保存之后,就会发现生成了一个链接


复制红色箭头所指链接,在浏览器中打开,即可查看自己的项目了


猜你喜欢

转载自blog.csdn.net/redatao/article/details/68483378