1. 全栈程序员必看首页

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

全栈程序员-站长 • • 未分类 • 阅读 1

Vue UI 创建Vue前端工程(Windows)Vueui 创建 Vue 前端工程 1 开启 vueui 服务 2 访问 vueui 界面 3 创建项目 4 添加 element ui 插件 4 添加依赖 4 启动 Vue 项目 5 访问 Vue 项目 1 开启 vueui 服务快捷键 win r 打开 cmd 输入下面命令 vueui2 访问 vueui 界面打开浏览器 地址栏输入 localhost 80803 创建项目点击创建选择你要创建的项目目录 点击在此创建新项目输入项目名称 包管理器选择 npm git 命令填写 initp

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,再点击右下角安装
    在这里插入图片描述




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

4.启动 Vue 项目

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

5.访问 Vue 项目

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




版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/200115.html原文链接：https://javaforall.net

赞 (0)
0 0

关于作者

全栈程序员-站长的头像

全栈程序员-站长

133.5K 文章
3 粉丝
本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”
上一篇 2026年3月20日 上午11:30
下一篇 2026年3月20日 上午11:30


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号