vue项目初始化

vue项目初始化步骤

1.安装 Vue 脚手架

1.1.安装好node.js 
1.2.配置好阿里云镜像
1.3.npm install vue-cli -g  安装脚手架

2.通过 Vue 脚手架创建项目

2.1.使用 vue ui 命令打开创建vue项目可视化界面
2.2.选择创建,选择好自己的项目目录
2.3.输入项目名称
2.4.根据自己情况选择是否初始化git仓库后下一步
2.5.如果之前没有预设的话就寻找手动配置
2.6.打开 Babel、Router、Linter/Formatter和使用配置文件选项
2.7.代码风格建议选择 ESLint+Standard config
2.8.创建完成

3.配置 Vue 路由

创建项目的时候就已经选择了 Router 路由

4.配置 Element-UI 组件库

3.1.选择插件
3.2.选择添加插件
3.3.在所有插件中搜索 vue-cli-plugin-element 进行安装
3.4.安装完毕后,在配置文件中选择按需引入(因为这样节约空间)

5.配置 axios 库

4.1.在依赖中选择添加依赖
4.2.选择运行依赖,输入 axios