通过GUI创建VUE项目并把项目托管到码云上

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

1.打开GUI可视化面板

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

在这里插入图片描述

2.创建项目

第一步:创建项目

在这里插入图片描述

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

在这里插入图片描述

第三步:

在这里插入图片描述
在这里插入图片描述

第四步:预设

在这里插入图片描述

第五步:进入功能选择页面
  • 选择BabelRouterLinter/Formatter使用配置文件,这四种功能;
  • 点击下一步
第六步:配置

在这里插入图片描述

第七步:保存为新预设

在这里插入图片描述

3.配置 Element-UI 组件库

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

在这里插入图片描述
在这里插入图片描述

4.配置axios库

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

在这里插入图片描述

5.初始化git远程仓库

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

在这里插入图片描述

  • 在电脑上找到id_rsa.pub文件后,用记事本打开,复制里面的内容,粘贴到设置-ssh公钥
    在这里插入图片描述
  • 成功后会出现以下页面
    在这里插入图片描述
(2)判断公钥是否添加成功

在这里插入图片描述

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

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

第一步

List item

第二步

在这里插入图片描述
成功后会看到下面的东西,没有的话就删掉仓库重新创建
在这里插入图片描述

第三步:

(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)最后,出现这个页面就是部署成功了!(完成第三步返回没看到的话可以右上角头像-个人主页里看到创建的仓库,点进去就是了)
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45663697/article/details/109149825
今日推荐