vue ui创建vue项目流程（图文详解）

项目初始化大概流程：

安装Vue脚手架：

第一步：
桌面创建文件夹project，复制project文件路径
第二步：在cmd 里面输入：
cd 粘贴project文件路径
vue ui
第三步：
创建 - 在此创建新项目
第四步：

第五步：
手动 - 选Babel（js转换器，es5转换Es6）、Router（路由）、LInter/Formatter（代码格式校验）、使用配置文件 - 下一步
第六步：

注意：如果创建项目不成功，报错，就参考https://blog.csdn.net/XQXOI/article/details/110679318

第七步：配置element -ui库
插件 - 添加插件- 查找插件：vue-cli-plugin-element

第八步：配置axios
依赖 - 安装依赖 - 运行依赖 - 查找插件：axios（） - 勾上 - 安装



第九步：初始化git远程仓库
码云官网：https://gitee.com/ - 登录账号

配置公钥：有公钥，就输入进去，没有，就点击-怎样生成公钥

配置公钥：
找到：点击

找到：点击

复制，
在cmd里面粘贴，将红色这段文字修改成你码云上的账号邮箱
按照提示完成三次回车，即可生成 ssh key。通过查看 ~/.ssh/id_rsa.pub 文件内容，获取到你的 public key
找到生成的公钥文件路径：用vscode打开：.pub文件，复制里面的内容

复制里面的全部内容：

回到码云中：把内容粘贴到公钥里面 - 确定

输入你码云的密码：

添加后，在cmd(终端)中输入
ssh -T git@gitee.com

当出现Hi XXX! You’ve successfully authenticated, but Gitee.com does not provide shell access.的时候，说明已经公钥配置成功

第十步：



在cmd里面全局配置git,

找到vue项目，复制文件路径

在终端cmd里面：
输入：
cd 粘贴vue项目文件路径 - 回车
git status - 回车
红色区域是没有提交的内容：
所以我们要进行本地提交：git add . 和 git commit -m “ 内容描述”

上传远程仓库：码云上
git remote add origin （你码云上新建的仓库地址）
git push -u origin master

第一次提交远程仓库，会让你输入码云的邮箱账号和邮箱

如果报错：解决方案：https://blog.csdn.net/XQXOI/article/details/110687892

出现以下界面，说明成功：