vue项目开发---初始化项目以及使用gitee托管

1、使用CLI3创建项目

vue create 项目名称


上图提示目前系统安装脚手架版本是2.9.6。所以需要先卸载老版本脚手架,再安装对应新版本脚手架。

//卸载脚手架
npm uninstall -g @vue/cli

//安装指定版本脚手架
npm install -g @vue/cli@3.2.1

如果安装过程中遇到如下错误:
在这里插入图片描述
只用找到本地用户的目录C:\用户\Lenoev下 找到一个.vuerc 的文件删掉就OK了
在这里插入图片描述
在这里插入图片描述

2、将本地项目与远程仓库建立一个链接

2.1、以下操作前提是在gitee远程已经创建了一个仓库,然后将本地文件提交到远程

首先本地新建一个文件夹supermail
将步骤1中使用vue脚手架创建的项目中的文件夹supermail1下的部分文件夹及文件(除了node_modules和.git)复制粘贴到supermail中。

2.2、建立链接

用webstrom打开醒目,进入到supermal文件夹中
在这里插入图片描述

2.3、查看本地项目的git状态

git status

在这里插入图片描述

2.4、将代码暂存到本地仓库

git add .

在这里插入图片描述

2.5、提交代码到本地仓库

git commit -m '初始化'

在这里插入图片描述

2.6、提交代码到本远程仓库

git push

在这里插入图片描述

2.6、提交成功

在这里插入图片描述

3、将本地使用vueCLI3创建的项目与远程仓库建立一个链接

  • 使用脚手架3创建成功的项目应该有一个.git文件
  • 首先在远程创建一个空的仓库(不要readme、开源协议等文件),即没有任何文件夹及文件。

空的仓库
在这里插入图片描述

3.1、使用开发工具打开用脚手架3创建项目

依次输入以下命令

git remote add origin https://gitee.com/beginner01/test.git

git push -u origin "master"

在这里插入图片描述

3.2、代码提交成功

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_46112274/article/details/123770058