步骤
-
安装 Vue 脚手架
-
通过 Vue 脚手架创建项目:vue ui(打开ui面板)
-
配置 Vue 路由
-
配置 Element-UI 组件库
-
配置 axios 库
-
初始化 git 远程仓库
-
将本地项目托管到 Github 或 码云 中
第一步:安装 Vue 脚手架
安装脚手架链接:https://blog.csdn.net/ermaner666/article/details/78995234
第二步:通过脚手架创建项目
1 打开 cmd 输入 vue ui,出现这样的结果代表打开可视化界面成功
2 创建项目
知识点
Babel 是什么?
Babel 是一个 JavaScript 编译器,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中
完成上面步骤项目就创建成功了
第三步:配置 Vue 路由
在创建项目的功能模块中已完成 Vue 路由的配置
第四步:配置 Element-UI 组件库
在左边插件菜单中点击右上角的添加插件,搜索 vue-cli-plugin-element 组件并安装
安装完成后自动跳转到配置插件模块,选择按需导入
此时完成了 Element-UI 组件的安装
第五步:配置 axios 库
在左边依赖菜单中点击安装依赖,来到运行依赖,搜索 axios 并安装
第六步:初始化 git 远程仓库:这一步就不弄了,可以看看其他前辈的博客。哈哈
第七步:将本地项目托管到 Github 或 码云 中
第七步链接:https://blog.csdn.net/CEZLZ/article/details/105624231