创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目

目录

    • 下载git
    • 安装git
    • 登录/注册码云/github
    • 创建一个仓库
    • 配置git
      • 配置用户名和邮箱
    • 将本地仓库和线上仓库连接——生成ssh公钥
      • 生成公钥
      • 查看公钥
      • 在码云中添加公钥
      • 验证公钥是否添加成功
      • 将线上仓库clone到本地
    • 初始化一个vue项目
      • 在浏览器中查看vue项目
    • 将本地仓库上传到线上
    • 安装git
    • 登录/注册码云/github
    • 创建一个仓库
    • 配置git
      • 配置用户名和邮箱
    • 将本地仓库和线上仓库连接——生成ssh公钥
      • 生成公钥
      • 查看公钥
      • 在码云中添加公钥
      • 验证公钥是否添加成功
      • 将线上仓库clone到本地
    • 初始化一个vue项目
      • 在浏览器中查看vue项目
    • 将本地仓库上传到线上

下载git

安装git

登录/注册码云/github

创建一个仓库

配置git

配置用户名和邮箱

将本地仓库和线上仓库连接——生成ssh公钥

生成公钥

查看公钥

在码云中添加公钥

验证公钥是否添加成功

将线上仓库clone到本地

初始化一个vue项目

在浏览器中查看vue项目

将本地仓库上传到线上

进入git官网下载对应版本
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第1张图片

安装git

创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第2张图片
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第3张图片
接下来一直默认不修改,按next直到install选项出现
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第4张图片

登录/注册码云/github

创建一个仓库

在主页中
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第5张图片
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第6张图片
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第7张图片

配置git

在桌面右键,打开git bash
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第8张图片

配置用户名和邮箱

git config --global user.name ‘用户名’
git config --global user.email ‘邮箱’
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第9张图片

将本地仓库和线上仓库连接——生成ssh公钥

生成公钥

ssh-keygen -t rsa -C "[email protected]"

一直回车
在这里插入图片描述

查看公钥

cat ~/.ssh/id_rsa.pub

复制显示的内容

在码云中添加公钥

打开设置,选择ssh公钥
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第10张图片
将复制的公钥内容粘贴到右侧,去掉多余的空格后,会自动生成标题
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第11张图片

验证公钥是否添加成功

 ssh -T git@gitee.com

在这里插入图片描述

将线上仓库clone到本地

在磁盘E中新建一个文件夹VueProjects,用于保存Vue项目,进入此文件夹,右键,点击git bash here
在码云中,打开仓库test,复制仓库的ssh地址
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第12张图片
在git bash中输入命令git clone 地址命令

git clone ssh地址

在这里插入图片描述

初始化一个vue项目

vue init webpack projectName

图中圈起来的部分选择no,其他部分回车
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第13张图片
成功后会出现如下提示
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第14张图片
处理报错,据说原因是webpack-dev-server新版本的bug,需要卸载新版本,安装旧版本
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第15张图片
卸载新版本,安装旧版本

npm remove webpack-dev-server
npm install webpack-dev-server@2.9.1

创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第16张图片
重新跑起来

npm run dev

创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第17张图片

在浏览器中查看vue项目

在浏览器地址栏中输入:localhost:8080即可

将本地仓库上传到线上

按ctrl+c停止服务器

git add .
git commit -m 'xxxx'
git push

在码云上查看,可以看到仓库更新了
创建第一个Vue项目(三)——使用码云和安装git,初始化一个vue项目_第18张图片
over

你可能感兴趣的:(Vue)