前端动态化搜索栏select_Vue UI 创建Vue前端工程(Windows)

Vue ui 创建Vue前端工程

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 ,选中内容如图所示, 再点击 右下角的 安装

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

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

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

4.启动 Vue 项目

如图操作即可

5.访问 Vue 项目

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

————————————————

版权声明：本文为CSDN博主「jiachengren」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：

Vue UI 创建Vue前端工程(Windows)​blog.csdn.net