Vue项目实战
- 创建项目
- 通过脚手架 创建项目 配置 vue 路由
- 配置 element—ui 组件库
- 配置 axios 库
- 创建远程仓库
- 初始化 git 远程仓库 将本地项目托管到 码云
前端项目初始化步骤
① 安装vue脚手架
② 通过脚手架 创建项目
③ 配置 vue 路由
④ 配置 element—ui 组件库
⑤ 配置 axios 库
⑥ 初始化 git 远程仓库
⑦ 将本地项目托管到 github 或 码云上
创建项目
通过脚手架 创建项目 配置 vue 路由
可视化创建项目 桌面 wiin + R
输入 cmd
打开控制面板 然后输入 可视化指令:vue ui
运行完 直接跳转到可视化界面,选择创建项目的路径
点击下面的创建项目,项目完成可以保存预设 也可以不保存
项目创建完成
配置 element—ui 组件库
找到插件 右上角添加插件 搜索 vue-cli-plugin-element
选中 vue-cli-plugin-element
右下角 安装
配置 axios 库
找到依赖 右上角添加插件 搜索 axios
选中 axios
右下角 安装
创建远程仓库
进入到 码云 进行设置
添加公钥 教程
复制 ssh-keygen -t ed25519 -C "xxxxx@xxxxx.com"
修改成账号绑定的邮箱 然后 cmd 运行 这个指令
点击完成 弹出框 输入账号密码进行验证 然后 就可以看到自己创建的的公钥了
创建完成 测试 是否可用 终端 输入ssh -T git@gitee.com
首次使用需要确认并添加主机到本机SSH可信列表
初始化 git 远程仓库 将本地项目托管到 码云
创建生成 一个 下方类似的界面
首先执行 全局设置 指令
如果还没有创建项目库 可以用创建git仓库
已经有仓库 直接 运行 下方指令
复制全局设置指令 到 cmd 中 去运行
首先 输入
git status
检查一下项目
如果 有些项目文件 需要处理 把文件添加到缓存区git add .
然后 本地提交git commit -m "add files"
在执行一遍git status
检查一下项目
接下来创建一下远程的仓库 复制git remote add origin https://gitee.com*****/vue_shop.git
打开本地项目目录 运行cmd
在执行git push -u origin "master"
最后 到 gitee 上 刷新页面 看看 有没有提交的项目 就能发现有没有成功