当前位置： 移动技术网 > IT编程>脚本编程>vue.js > Vue UI 创建Vue前端工程(Windows)

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

2020年09月27日  | 移动技术网IT编程  | 我要评论
Vue ui 创建Vue前端工程1.开启vue ui 服务2.访问 vue ui 界面3.创建项目4. 添加 element-ui 插件4.添加依赖4.启动 Vue 项目5.访问 Vue 项目1.开启vue ui 服务快捷键 win+r 打开 cmd 输入下面命令vue ui2.访问 vue ui 界面打开浏览器,地址栏输入 localhost:80803.创建项目点击创建选择你要创建的项目目录,点击 在此创建新项目输入项目名称,包管理器选择 npm, git 命令填写 init p

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 ,选中内容如图所示, 再点击 右下角的 安装
    在这里插入图片描述

  2. 安装 less-loader 依赖
    如上图一样,搜索框中输入 less-loader,再点击右下角安装
    在这里插入图片描述

3.安装 less 依赖
如上图一样,搜索框中输入 less,再点击右下角安装
在这里插入图片描述

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

4.启动 Vue 项目

如图操作即可
在这里插入图片描述

5.访问 Vue 项目

浏览器地址栏输入 localhost:8080
如果界面和下图一样说明成功
在这里插入图片描述

本文地址：https://blog.csdn.net/weixin_43967679/article/details/108829209

您可能感兴趣的文章:

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网