步骤1:登录码云,点击新建仓库
步骤2:输入仓库名vueProjectByCoderZb
,并勾选相关选项,最后点击创建。
步骤3 :拷贝SSH下的链接(之前我配配置私钥公钥,这里就不用在配置了,你如果没配置,必须得配置下,这里就不做配置流程了)
步骤4:使用可视化工具sourceTree拉取项目
步骤5:克隆仓库到本地
步骤6:拉取成功,这里是master分支下的工作区间
步骤7:打开终端,输入cd Desktop/一秒招聘
,进入vueProjectByCoderZb
的上一级目录
步骤8:初始化vue项目
- 方式1:全量初始化vue项目(初学者最好采用该方式)
- 输入
sudo vue init webpack vueProjectByCoderZb
命令,初始化vue项目,这种初始化项目的方式,会安装好多依赖(必要的,不必要的都会安装)。
- 输入
- 方式2:精简初始化vue项目(不会生成bulid文件夹、config文件夹、static文件夹,这些文件是很重要的,配置跨域问题会用到)
- 执行
sudo vue init webpack-simple vueProjectByCoderZb
命令进行精简化的初始化vue项目,该命令之后需要手动执行sudo npm install
或sudo cnpm install
安装必须的依赖。
- 执行
注意:提示
Target directory exists. Continue?
这里选择Y,
步骤9:按要求输入项目名、描述、作者等等。步骤9的最后一步是安装依赖,你也可以自己通过npm或cnpm来安装,首先是得输入cd vueProjectByCoderZb
进入项目目录,然后输入命令为sudo npm install
或sudo cnpm install
。
步骤10:提示初始化成功
步骤11:按要求输入cd vueProjectByCoderZb
和sudo npm run dev
步骤12:打开浏览器输入http://localhost:8081
,搭建成功
步骤13:初始化vue项目成功后,可以看到sourceTree上的vueProjectByCoderZb
项目发生了27条更改记录,这里要将本地的代码提交到码云上。
13.1勾选未暂存文件
13.2 对27条变更内容做提交备注
13.3 提交
13.4 切换到master分支,然后点击推送,实现提交到远程服务器(码云)上