创建vue项目,安装axios和Element插件,初始化git远程仓库,将本地项目托管到 Github 或 码云 中
一.打开终端,安装最新vue-cli
1.windows + r 输入 cmd (终端打开)
2.安装
npm install -g @vue/cli
3.检查是否已安装
npm -v
如果已经安装最新版 vue-cli 直接执行第二步
二.终端运行 vue ui
运行成功后 会跳转到以下这个页面
1.当进入vue ui页面后 点击创建创建新项目
2.页面填写完成后 ,进入项目预设页面
3.接下来会进入到一个功能面板中 看下图
(翻译成中文的样子)
具体以英文版进行实操 进行安装插件 如果有的插件未安装 后期可自行补充安装
4.进入到配置页面
中文 具体以英文为主
英文
进入到创建项目
添加预设并保存
结果
三.以上均已完成安装vue脚手架 通过脚手架创建项目 配置vue路由
1.现在开始配置Element-UI组件
2.配置axios库
(操作在这一步就可以打开 vscode进行代码编辑了 一个新的项目就创建完成了👌)
四.以上已完成配置组件和axios 接下来初始化git远程仓库
1.码云 https://gitee.com/
注册并登陆码云账号
码云的ssh公钥一定要注册!!!!一定 !!!这样才能方便上传下载代码
1.1: 码云ssh公钥注册
找到头像---设置
也可看步骤阅读官网本页(https://gitee.com/help/articles/4181#article-header0)
然后找到本地 c 盘--用户 -- .ssh的文件夹--id_rsa.pub文件
打开并复制文本内容填充到公钥页面并生成公钥
1.2:添加成功后,测试申请公钥能否使用
在终端输入 ssh -T git@gitee.com
以上测试没问题 接下来就可以将本地项目托管到Guthub或者码云中啦
2.将本地项目托管到码云中
2.1:依旧打开码云 找到+号 弹出下拉菜单 选择新建仓库
接下来会弹出一个新建仓库的面板 在面板中添加仓库名称等内容并完成创建 会跳出以下页面
2.1.1 :配置git全局配置
打开windows+r cmd 复制 粘贴 回车就代表全局配置好了
2.1.2 :创建git仓库
2.12----持续更新------
因为之前已经创建好仓库了 所以直接走已有仓库路径
复制 git remote add origin https://gitee.com/duan-zhuora/firstwebapp.git 找到刚才创建的项目