飞道的博客

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

653人阅读  评论(0)

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
如果界面和下图一样说明成功


转载:https://blog.csdn.net/weixin_43967679/article/details/108829209
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场