1.创建Vue新项目,使用git上传本地代码到gitee

1.准备工作

(1)申请gitee账号

(2)下载安装git

2.创建Vue新项目

(1)创建项目前,安装node Node.js 中文网 (nodejs.cn);安装好后,可以打开cmd窗口,输出node -v查看是否安装成功。

(2)安装脚手架vue-cli,输出命令npm install -g @vue/cli 安装 | Vue CLI (vuejs.org);安装好后,输出vue --version查看是否安装成功。

注:安装vue-cli对应的vue版本

 npm install -g @vue/cli (安装的是最新版)
 npm install [email protected] (指定版本安装【指定版本为3.0以下版本】,其中2.9.6为版本号)
 npm install -g @vue/[email protected](指定版本安装【指定版本为3.0以上版本】,其中3.11.0为版本号)

(3)创建项目,输出命令 vue create 项目名

(4)运行项目,输出命令 npm run serve

3.通过git把项目代码提交到本地仓库

(1)在相应文件夹下鼠标右键选择git bash here,弹出git命令行

1.创建Vue新项目,使用git上传本地代码到gitee_第1张图片

 (2)输出git init命令,创建本地仓库,在xiaomi文件夹中多出一个.git文件夹,这个文件夹就是一个本地仓库。

1.创建Vue新项目,使用git上传本地代码到gitee_第2张图片

 注:输出git status命令可以查看本地仓库状态。

(3)将所有文件提交到本地仓库,输出git add .命令。然后输出git status命令查看本地仓库状态。

(4)输出git commit -m "注释说明"命令,将项目提交到本地仓库。然后输出git status命令查看本地仓库状态。

4.把本地仓库代码提交到gitee

(1)在gitee上创建仓库

1.创建Vue新项目,使用git上传本地代码到gitee_第3张图片

 (2)创建好远程仓库后,复制仓库的地址(SSH地址需要配置公钥)。

1.创建Vue新项目,使用git上传本地代码到gitee_第4张图片

 (3)将gitee仓库和本地仓库进行关联,输出git remote add origin url。

(4)获取远程仓库与本地仓库合并;如果远程仓库不为空必须做这一步,否则后面将本地仓库提交到远程仓库的操作会报错。

 # 不加这句可能报错,原因是 gitee 中的 README.md 文件不在本地仓库中。
 # 可以通过该命令进行代码合并
 git pull --rebase origin master  

(5)如果继续出现(git status 出错 interactive rebase in progress; onto 796e78f)问题。

解决方法:输出git rebase --continue命令继续提交代码;然后输出git status命令查看本地仓库状态。

(6)把当前分支master推送到远程仓库,输出git push -u origin master命令。

你可能感兴趣的:(Git,前端笔记(一),git,vue.js)