Vue UI 创建Vue前端工程(Windows)

1.开启vue ui 服务

快捷键 win+r 打开 cmd 输入下面命令

vue ui

2.访问 vue ui 界面

打开浏览器,地址栏输入 localhost:8080

3.创建项目

点击创建

选择你要创建的项目目录,点击 在此创建新项目

输入项目名称,包管理器选择 npm, git 命令填写 init project , 点击下一步

选择手动

把format 去掉, 选中 router, 选中使用配置文件, 点击下一步

点击创建项目

点击创建项目,不保存预设

4. 添加 element-ui 插件

先点击左侧导航栏 插件,再点击右上角 添加插件

**搜索 element ,先选中 如图矩形框中的内容,版本不一致没关系, 再点击右下角 安装 **

**安装完成后点击 完成安装 **

4.添加依赖

1. 添加 axios 依赖
   点击左侧导航条 依赖
   点击右上角 安装依赖
   
   搜索框输入 axios ,选中内容如图所示, 再点击 右下角的 安装
   

2. 安装 less-loader 依赖
   如上图一样,搜索框中输入 less-loader,再点击右下角安装
   

3.安装 less 依赖
如上图一样,搜索框中输入 less,再点击右下角安装

到这里所有安装都结束了,接下来启动 Vue 项目

4.启动 Vue 项目

如图操作即可

5.访问 Vue 项目

浏览器地址栏输入 localhost:8080
如果界面和下图一样说明成功