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

240 阅读1分钟

这是我参与8月更文挑战的第17天,活动详情查看:8月更文挑战

最近在学习vue,照着视频敲了一边饿了么app,在朋友的帮助下将项目部署到了coding上,现在可直接通过链接查看项目,下边记录一下;

首先把链接放上来,可以先看一下效果,RedaTao.coding.me/ele-app;

注:过程中需要使用git,自行下载安装,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 git.coding.net/RedaTao/ele… //这个位置就是刚刚复制的位置;

​          

回车,输入用户名,密码,成功之后就可以看到本地有了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分支--保存,如下图

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

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