注：在安装了vue脚手架的前提下

1.打开GUI可视化面板

• win+R - cmd打开运行面板
• 输入vue ui

2.创建项目

第一步：创建项目

第二步：选择项目存放路径

第三步：

第四步：预设

第五步：进入功能选择页面

• 选择Babel、Router、Linter/Formatter、使用配置文件，这四种功能；
• 点击下一步

第六步：配置

第七步：保存为新预设

3.配置 Element-UI 组件库

• 在项目仪表盘页面选择 插件；
• 在插件页面，点击右上角的添加插件；

4.配置axios库

• 在项目仪表盘页面选择 依赖；
• 在插件页面，点击右上角的安装依赖；

5.初始化git远程仓库

（1）添加公钥

• 进入官网，申请码云账号,https://gitee.com/
• 登录账号后，把鼠标移到左上角头像处，选择设置-安全设置-SSH公钥
• 点击怎样生成公钥-仓库管理-生成/添加SSH公钥
• 复制这句话打开cmd，将""内的改为自己的邮箱
• 输入完后按四次回车

ssh-keygen -t rsa -C "xxxxx@xxxxx.com"  

• 在电脑上找到id_rsa.pub文件后，用记事本打开，复制里面的内容，粘贴到设置-ssh公钥里
  
• 成功后会出现以下页面
  

（2）判断公钥是否添加成功

• win + R打开cmd输入ssh -T git@gitee.com,回车

• 若返回 Hi XXX! You've successfully authenticated, but Gitee.com does not provide shell access. 内容，则证明添加成功。

6.将本地项目托管到码云中

第一步

第二步

成功后会看到下面的东西，没有的话就删掉仓库重新创建

第三步：

（1）复制下面这句话打开cmd执行一下

（2）再复制下面这句话打开cmd执行一下

（3）执行后是这样的

(4)已经有vue项目后跟着已有仓库这步走，我们前面已经通过GUI创建了vue项目，所以属于“已有项目”

• 找到自己vue项目所在的文件夹，进入，shift+右键，打开PowerShell终端，输入下面的命令

  • git status --检查项目状态

  • git add .

  • git commit -m "add files"

  • git status
    

  • git remote add origin https://gitee.com/is_it_raining_today/vue_shop.git --将项目部署到码云上

  • git push -u origin master --把本地仓库和云端仓库做一下关联

  • 刚开始部署这一步需要输入账号和密码，有的人是弹出一个框有的人跟我一样在终端输入，需要注意查看自己的账号是什么（也不是每个人都是邮箱吧，我之前在这一步一直出错，忘记了的话可以退出登录，看看是不是邮箱）；特别注意！！！：这个密码输入是不显示的！！！一定要记住自己输了多少位了不然有点难搞

  • 要是实在是在这步一直出错最快的解决办法可能就是删掉重建了（我下面那个vue项目名字跟上面教程的不一样了就是因为之前一直出错解决不了。。。），有知道其他方法的也可以告诉我嘻嘻~
    

（5）最后，出现这个页面就是部署成功了！（完成第三步返回没看到的话可以右上角头像-个人主页里看到创建的仓库，点进去就是了）