欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-27 20:03:07
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...

1.开启vue ui 服务

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

vue ui

2.访问 vue ui 界面

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

3.创建项目

点击创建
Vue UI 创建Vue前端工程(Windows)
选择你要创建的项目目录,点击 在此创建新项目
Vue UI 创建Vue前端工程(Windows)
输入项目名称,包管理器选择 npm, git 命令填写 init project , 点击下一步
Vue UI 创建Vue前端工程(Windows)
选择手动
Vue UI 创建Vue前端工程(Windows)

把format 去掉, 选中 router, 选中使用配置文件, 点击下一步
Vue UI 创建Vue前端工程(Windows)
点击创建项目

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

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

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

4. 添加 element-ui 插件

先点击左侧导航栏 插件,再点击右上角 添加插件
Vue UI 创建Vue前端工程(Windows)
**搜索 element ,先选中 如图矩形框中的内容,版本不一致没关系, 再点击右下角 安装 **
Vue UI 创建Vue前端工程(Windows)
**安装完成后点击 完成安装 **
Vue UI 创建Vue前端工程(Windows)

4.添加依赖

  1. 添加 axios 依赖
    点击左侧导航条 依赖Vue UI 创建Vue前端工程(Windows)
    点击右上角 安装依赖
    Vue UI 创建Vue前端工程(Windows)
    搜索框输入 axios ,选中内容如图所示, 再点击 右下角的 安装
    Vue UI 创建Vue前端工程(Windows)

  2. 安装 less-loader 依赖
    如上图一样,搜索框中输入 less-loader,再点击右下角安装
    Vue UI 创建Vue前端工程(Windows)

3.安装 less 依赖
如上图一样,搜索框中输入 less,再点击右下角安装
Vue UI 创建Vue前端工程(Windows)

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

4.启动 Vue 项目

如图操作即可
Vue UI 创建Vue前端工程(Windows)

5.访问 Vue 项目

浏览器地址栏输入 localhost:8080
如果界面和下图一样说明成功
Vue UI 创建Vue前端工程(Windows)

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

相关标签: vue