VUE -- 前端项目初始化步骤

步骤

1. 安装 Vue 脚手架

2. 通过 Vue 脚手架创建项目：vue ui（打开ui面板）

3. 配置 Vue 路由

4. 配置 Element-UI 组件库

5. 配置 axios 库

6. 初始化 git 远程仓库

7. 将本地项目托管到 Github 或 码云 中

第一步：安装 Vue 脚手架

安装脚手架链接：https://blog.youkuaiyun.com/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.youkuaiyun.com/CEZLZ/article/details/105624231