vue项目的创建+git仓库的使用

vue项目的创建+git仓库的使用

安装环境：window10

主要总结一下vue项目的创建以及上传到gitee仓库的过程。

vue项目的创建

首先vue项目是依赖于nodejs环境的
1.检查电脑中是否装有node
win + r-------------------->输入cmd----------------------输入node -v
若显示无法识别字样，则未安装。
2.安装nodejs
下载地址：https://nodejs.org/zh-cn/

一般下载长期支持版
下载完成后，打开文件所在位置，运行.exe结尾的执行文件,可修改安装路径，next进行安装即可。
安装完成后，输入 node -v查看是否安装成功，成功页面如下

3.安装webpack
在终端执行npm install webpack -g命令
其中npm 为node环境下的安装工具，install为安装命令，-g为全局安装

4.安装vue脚手架3
终端输入命令npm install @vue/cli -g
5.创建vue项目
在终端进入要创建的文件根目录下，输入命令：vue create 项目名称
下图是在e盘frontend文件夹中的project文件夹下新建项目，项目名称为test

下图中黄色部分为预装的配置，可选择最后一行进行自定义

选中后按enter键，进行自定义配置

一般选择vue2+router+vuex(在选中某一行点击空格键可进行选择与取消)

选择完成，enter后开始创建项目，成功页面如下

git下载

下载地址：https://git-scm.com/downloads

安装即可

gitee仓库

1.注册gitee

2.申请公钥
点击右上角头像图标，选择设置，

选择左侧安全设置下的SSH公钥

点击怎样生成公钥

点击仓库管理

点击生成、添加SSH公钥

在终端输入大圆圈中的命令，其中小圆圈中的命令要改为自己的设置名称，可以是用户名也可是其他，例如 ssh-keygen -t rsa -C ‘dadou’

运行后执行三次回车，运行完成即可，可通过下图代码进行查看

出现红色框中的内容则证明运行成功

之后，在你的电脑用户根目录下会出现.ssh文件

打开文件夹，复制PUB文件中的内容

将复制的代码放在如下页面中公钥文本框中，标题可自定义，最后点击确定

到此，git公钥申请完成。
3.创建仓库
点击+号，选择新建仓库


输入仓库名称，创建即可

创建成功，页面如下

到此处gitee远程仓库创建完毕

本地项目与远程仓库连接

进入创建的vue项目的根目录下
下图为第一部分创建的vue项目

点击左上角文件，打开PowerShell终端

在终端输入git status
此命令查看文件状态

输入命令：git add .
此命令是将文件添加到暂存区

输入命令git commit -m “first commit”（每个人可能不一样，要看创建gitee仓库成功后显示页面的内容，下图中圈出来的内容，最后两条命令也是要写自己的）

将文件提交到本地

输入git remote add origin https://gitee.com/dadou18839700525/mi.git
创建本地与码云的连接

若出现下图命令，则输入命令git remote rm origin（这一情况可能是因为项目已经与码云上面的一个仓库创建了连接，清除连接就好了）

重新输入git remote add origin https://gitee.com/dadou18839700525/mi.git

输入git push -u origin master，出现下图表示创建连接成功。

总结到此结束！