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...
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.添加依赖
-
添加 axios 依赖
点击左侧导航条 依赖
点击右上角 安装依赖
搜索框输入 axios ,选中内容如图所示, 再点击 右下角的 安装 -
安装 less-loader 依赖
如上图一样,搜索框中输入 less-loader,再点击右下角安装
3.安装 less 依赖
如上图一样,搜索框中输入 less,再点击右下角安装
到这里所有安装都结束了,接下来启动 Vue 项目
4.启动 Vue 项目
如图操作即可
5.访问 Vue 项目
浏览器地址栏输入 localhost:8080
如果界面和下图一样说明成功
本文地址:https://blog.csdn.net/weixin_43967679/article/details/108829209
上一篇: unity的错误解决办法:NullReferenceException: Object reference not set to an instance of an object;tiny proje
推荐阅读
-
详细讲解如何创建, 发布自己的 Vue UI 组件库
-
搭建element-ui的Vue前端工程操作实例
-
vue使用vue-cli快速创建工程
-
前端笔记之Vue(四)UI组件库&Vuex&虚拟服务器初识
-
从零到一详聊如何创建Vue工程及遇到的常见问题
-
基于Vue 2.0的模块化前端 UI 组件库小结
-
EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒体服务器前端源码重构(三)- webpack + vue + AdminLTE 多页面引入 element-ui
-
vue结合element-ui前端实现基本的分页
-
在Windows 上创建一个 Vue 项目
-
vue ui可视化界面进行创建vue项目安装