二、项目初始化之前端项目初始化

（1）通过vue脚手架创建项目

1.  进入到项目的根目录，执行“vue ui”打开可视化的项目创建页面

2. 在可视化界面进行项目创建

3. 项目创建成功

（2）配置Element UI 组件库

1.  点击 插件-》添加插件按钮，进入到界面。

    搜索vue-cli-plugin-element,并安装

2. 对安装的element UI 插件进行配置

（3）配置axios库

1. 点击 依赖-》 安装依赖-》 搜索 axios

安装成功

（4）创建码云账号，并配置SSH公钥

1. 进入码云官网，https://gitee.com/。注册账户

2. 登录成功后，进行设置。

点击SHH公钥，添加公钥（以进行上传）

3. 进行SSH公钥的获取

首先，打开一个终端，执行ssh-keygen -t rsa -C "850974082@qq.com"

然后，按3次回车

将文件打开，复制密钥，粘贴到

 

4. 测试SSH公钥能不能用

在终端输入：ssh -T git@gitee.com

输入 yes，显示最后一行文字，说明公钥添加成功

（5）将本地项目托管到码云中

1. 新建仓库

2. 根据入门教程，进行配置

3. 出现问题。安装git

下载git的网址：  https://npm.taobao.org/mirrors/git-for-windows/

4. 安装完成后，进行配置

4.1 在命令窗口执行这两句

C:\Users\SHH>git config --global user.name "孙欢欢"

C:\Users\SHH>git config --global user.email "850974082@qq.com"

4.2 

1）执行git status，查看项目状态（报错，执行git init, 再执行git status）

2）执行git add . ，把所有文件添加到展层区

3）在本地做一次提交：git commit -m "add files"

4）再执行一次git status（提示工作树是干净的）

5）在下图中复制命令git remote add origin https://gitee.com/shh108/vue-shopcc.git，并执行

6）再复制 git push -u origin master，关联本地仓库和云端仓库

由于第一次向码云提交项目，需要输入用户名和密码

刷新仓库页面，本地仓库成功上传到码云中