gitee+vue创建项目

---

环境准备

• 安装node.js运行环境
• 安装git

---

关联本地与线上的git

进入设置界面后下滑找点SSH公钥选项


gitee官方生成/添加公钥教程:

1. 右击电脑桌面，点击选项git bash here(要安装git才有)进入终端，运行教程中的命令
   注意：不要在cmd中执行命令
2. 你可以按如下命令来生成 sshkey:

   ssh-keygen -t rsa -C "xxxxx@xxxxx.com"  
   # Generating public/private rsa key pair...
   # 按照提示完成三次回车，即可生成 ssh key 
   

   注意：这里的 xxxxx@xxxxx.com 只是生成的 sshkey 的名称，并不约束或要求具体命名为某个邮箱，最好命名为邮箱

3. 通过查看 ~/.ssh/id_rsa.pub 文件内容，获取到你的 public key：

   cat ~/.ssh/id_rsa.pub
   # ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQC6eNtGpNGwstc....
   

   输出内容即public key公钥内容
   
4. 将那一大段公钥内容复制到添加公钥的地方，点击确认公钥添加完成
   

---

创建仓库

仓库用来存储、托管项目代码，一个仓库对应一个项目

私有仓库

公开仓库

---

将线上项目克隆到本地

仓库创建后要将仓库克隆到本地，点击克隆和下载，选择SSH链接复制

复制链接后在想要存放代码的位置git bash here，输入git clone + 链接命令

下载完成后该位置会出现该项目的代码文件夹

---

安装命令行工具vue-cli

官方安装教程：

npm install -g @vue/cli  # 全局安装 安装过之后创建项目就不需要了
# OR
yarn global add @vue/cli

查看安装版本：

vue --version

升级：

npm update -g @vue/cli
# OR
yarn global upgrade --latest @vue/cli

---

vue初始化项目

# 创建一个基于 webpack 模板的新项目(v-cli版本2.x)
vue init webpack my-project
# 运行项目
cd my-project
npm run dev

将项目的文件夹git bash在终端打开输入初始化命令

tips: my-project 可以替换为自己的项目名


回车后项目开始下载依赖，下载完成后



项目运行在本地8080端口，打开浏览器输入链接localhost:8080

vue项目初始化成功！

---

git部分基本命令

• 推送代码三部曲

  # 1.添加当前目录的所有文件到暂存区
  git add .
  # 2.提交暂存区到本地仓库
  git commit -m [message]   # message为注释/备注
  # 3.提交本地仓库至线上仓库
  git push
  

git命令参考：https://www.cnblogs.com/hong-fithing/p/12938287.html