精华内容
下载资源
问答
  • Vue UI 创建Vue前端工程(Windows)

    万次阅读 多人点赞 2020-09-27 15:56:40
    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 ui 2.访问 ...

    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
    如果界面和下图一样说明成功
    在这里插入图片描述

    展开全文
  • 安装 npm install -g vueui-cli 创建一个新的 Vue-UI 模块 vueui module [moduleName|String]
  • 昨天新建了一个vue项目,打开vue ui界面运行serve测试时发现app页面是空白,serve中有一个警告,没截图,之后网上搜解决方法看到了这个 vue ui报错Couldn‘t parse bundle asset “C:\Users\Administrator\vue_...

    **

    时隔很久又遇到了这个问题,只需要把整个文件夹全部删除完整就可以了

    **


    昨天新建了一个vue项目,打开vue ui界面运行serve测试时发现app页面是空白,serve中有一个警告,没截图,之后网上搜解决方法看到了这个
    vue ui报错Couldn‘t parse bundle asset “C:\Users\Administrator\vue_project1\dist\js\about.js“. Analyzer
    之后就直接删了项目文件夹打算重建项目,然后输出vue ui发现进去之后页面时空白
    console报错在这里插入图片描述
    试了卸载vue cli十几次,然而并没有什么用
    在网上也查不到解决方法,都是遇到了这种问题在提问,熬到了半夜2点也没找到解决办法就去睡觉了
    今天开机之后还是空白页

    解决:

    我把删除的项目文件重新还原(还好没有清空文件夹,不过已经上传了github,重新克隆应该也可以还原),
    发现可以进去,之后再vue ui中删除项目,然后在删除项目文件夹就没有报错了。

    展开全文
  • vue-ui-framework:我个人的Vue UI框架集合
  • vue ui可以很方便地管理vue项目,打包这个资源的目的是为了可以离线使用。 node 安装了 npm , vue ui.
  • vue利用vue ui命令创建项目

    万次阅读 多人点赞 2019-03-07 21:29:53
    vue的官方脚手架是vue-cli,但它已经很久没有大版本更新了,最近发布的vue-cli 3.x ,新增的功能是非常强大的。 一、安装 npm install -g @vue/cli ...此时我们运行命令 vue ui , 就会启动...

    转自https://segmentfault.com/a/1190000015366009,感谢作者

    vue的官方脚手架是vue-cli,但它已经很久没有大版本更新了,最近发布的vue-cli 3.x ,新增的功能是非常强大的。
    关于vue cli3.0的详细调整,请查看vue-cli 3.0的调整
    关于如何利用vue create 命令创建新项目,请查看Vue CLI 3搭建项目详解

    一、安装

    npm install -g @vue/cli
    

    ps:建议使用cnpm,mac的朋友们记得加上sudo

    二、启动服务

    注意,vue-cli 3.x已经收归到vue项目下了,所以,直接输入 vue -h 可以看到:

    在这里插入图片描述
    此时我们运行命令 vue ui , 就会启动一个本地服务,界面是长这样子滴:
    在这里插入图片描述
    这简直就是一个控制台,界面ui也很舒服~~

    三、创建项目

    点击创建项目会进来这么一个界面:

    1.填写项目名
    2.选择包管理器
    3.选择初始化git仓库
    在这里插入图片描述
    下一步之后会让你选择创建模式:
    在这里插入图片描述
    我们选择手动,此时会让我们选择需要使用的库和插件,比如bebel、vuex、vue-router 等常用的库
    在这里插入图片描述
    接下来会让我们进入到插件的具体配置,比如:
    在这里插入图片描述
    配置完成后点创建项目,此时会弹出:
    在这里插入图片描述
    这是让你保存本次的配置,下次创建项目可以直接使用保存的这套配置。
    在这里插入图片描述
    在这里插入图片描述
    此时可以看到控制台正在下载项目所需要的库,跟使用 vue create 命令做的事情一样,只是把操作可视化了。

    四、管理项目

    经过上面都步骤,项目创建完成,你可以看到下面这个管理页
    在这里插入图片描述
    我们来介绍一下这三个菜单:
    插件:可以从插件商店下载安装各种网上都插件

    在这里插入图片描述
    配置: 对已安装对插件配置管理

    在这里插入图片描述
    任务:就是各种可运行的命令,如打包、本地调试。
    在这里插入图片描述
    运行 serve (在vue cli 2.x版本中是dev 这里是一重大改变!)任务,我们可以看到,我们新建的项目已经跑起来了:
    在这里插入图片描述

    此时我们输入 localhost:8080 就可以看到:
    在这里插入图片描述

    另外,我们还可以在这里看到对项目打包文件对分析:
    在这里插入图片描述
    五、其他功能
    1、导入项目:
    可以导入本地的项目进控制台管理
    在这里插入图片描述
    2、管理项目:
    列出已有的项目,此时已经可以看到刚刚新建的项目。
    在这里插入图片描述
    3、目录结构
    通过cli 3.x 新建的项目的结构较之前简单,只有 public 和 src 两个文件夹
    在这里插入图片描述
    4、 自定义配置:
    此时很多朋友会问了,没有配置文件,那我需要自定义一个配置咋办呢?
    莫慌,此时我们只需要在项目根目录新建一个 vue.config.js 文件就能使用自定义配置了

    module.exports = {
      baseUrl: process.env.NODE_ENV === 'production'
        ? '/production-sub-path/'
        : '/',
      devServer: {
        port: 8000
      }
    }
    

    六、 体会

    本次升级我认为最牛逼之处在于建设了一个属于vue的资源生态圈,把能使用的资源收归起来管理,控制台的ui不仅非常舒服,功能也十分强大,方便那些刚入门的同学,可以很快的搭起一个自己的vue项目。同时对于平时的开发也可以做到很好的辅助。哈哈哈,吹了一波,这东西目前还不是release版本,可以持续关注一下。附上官方地址vue-cli

    展开全文
  • ElementUI(vue UI库)、iView(vue UI库)、ant design(react UI库)中组件的区别:

    ElementUI(vue UI库)、iView(vue UI库)、ant design(react UI库)中组件的区别:
    在这里插入图片描述

    展开全文
  • vue ui命令没反应

    万次阅读 多人点赞 2020-04-04 13:47:38
    今天输入vue ui命令没反应: 1、输入vue -h查看commands,发现没有ui [oprions]的选项 2、安装最新的脚手架 cnpm i -g @vue/cli 发现已经有ui [oprions]的选项了 vue ui命令可以正常使用~ ...
  • 最近用vue-cli脚手架很顺口,特别是UI控制台,在这里,创建项目和搭建本地环境,连接服务端变得很容易,页面ui也是一流 要怎么启动呢?在终端输入命令行vue ui,启动UI控制台,然后往浏览器输入终端报出的链接 ...
  • 解决vue ui命令无效

    千次阅读 2020-10-25 15:33:09
    解决vue ui命令无效 在使用vue ui的命令时候,不能打开图形化界面 原因是因为vue的版本过低,只有3以上才可以 首先检查vue的版本 卸载之前的vue npm uninstall vue-cli -g 安装最新的版本 npm install -g @vue/...
  • vue ui错误解决

    2021-01-03 16:10:21
    vue ui报错:spawn cmd ENOENT 的解决方法 在终端执行 vue-ui时,报错如下: 本应该使用应用程序在端口localhost:8000上运行,但却如上图所示错误。 原因是因为它试图从WSL终端内部打开浏览器窗口,但无法打开。 ...
  • vue ui 命令没反应

    千次阅读 2020-07-04 08:45:58
    想打开vue ui 配置项目,发现输入vue ui 没有任何反应 1.输入vue -h查看commands,发现没有ui [oprions]的选项 我们重新安装一下脚手架 npm install -g @vue/cli 之后我们再次输入 vue ui 再浏览器输入...
  • vue ui创建新的vue项目

    千次阅读 2019-11-24 19:17:44
    vue ui创建新的vue项目 vue3.0以上才会有vue ui功能 一、创建新vue项目 1.在命令行里面输入vue ui 2.进入创建新项目页面 输入项目名称,填写git初始化提交信息,下一步 3.预设面板 可以选择以前创建过的预设...
  • vue项目可视化管理之(vue ui

    万次阅读 2019-06-24 18:16:22
    @vue/cli3.0增加一个可视化项目管理工具,全局安装完成cli3.0之后,可以直接在cmd输入命令:vue ui 启动即可,地址默认是localhost:8000 可以通过那牛导入你的vue项目进行管理,也可以通过创建按钮进行可视化创建一...
  • 带打字稿的Vue ui框架 演示页 npm i npm run dev 安装 npm i vue-mb-ui 用法 es6模块 import Vue from 'vue' import MbUi from 'vue-mb-ui' import 'vue-mb-ui/lib/index.css' Vue . use ( MbUi ) 或者 import Vue...
  • vue ui命令报错

    千次阅读 热门讨论 2019-10-30 16:50:54
    Problem “vue ui”命令报错“spawn cmd ENOENT“ Solution 在用户变量的PATH中添加 “%SystemRoot%\system32”,即可。
  • ant-design-vue UI组件使用讲解

    万人学习 2019-06-10 11:26:25
    通过jeecg-boot项目实战,详细介绍 ant-design-vue UI组件使用,细致的讲解每个组件的用法,教你学会如何看ant-design-vue的官方文档。 对于初学入门者来讲,非常实用。
  • VUE UI的安装

    千次阅读 2020-10-10 10:37:47
    Vue需是3.0以上版本 1,cmd中执行下面两个命令 npm i -g @vue/cli npm install -g @vue/cli ...3,成功后浏览器页面会弹出VUE UI界面 剩下的就是创建或者导入项目了,插件也是直接点击安装即可。 ...
  • vue ui没反应

    2020-09-03 17:06:59
    vue ui创建项目没反应,如下图所示 在查看了vue版本后发现是版本过低的原因,vue uivue版本3.0后才支持 解决方法 卸载老版本: npm uninstall vue-cli -g 下载新版本,vue-cli的3.0+以后使用的不是vue-cli了,...
  • VUE UI 连接已断开

    千次阅读 热门讨论 2020-11-19 16:17:59
    VUE UI 连接已断开 有大佬知道怎么解决么!!!!!!!!!
  • Vue学习(十九)- 三种方式创建Vue项目(vue create、vue uivue init) 安装@vue/cli 为npm安装的包配置环境变量。 运行下面这条命令。 npm install -g @vue/cli 在CMD中运行vue --version命令,如果输出了@vue/...
  • Vue ui 创建项目出错

    千次阅读 2019-12-24 20:49:04
    用cmd输入vue ui创建项目,在浏览器自动打开后,最后点击创建项目,项目已经出现在文件夹中,但是项目目录里没有东西,浏览器中也没有出现项目仪表盘。 发现问题原来是cmd没有以管理员身份打开,哈哈哈哈哈 ...
  • Vue UI 创建项目详细步骤

    万次阅读 2020-04-28 17:12:53
    1.首先要安装最新的Vue CLI 在命令行工具里输入一下命令 ...2.在命令行运行 vue ui,就会出现图形化管理 在界面上可以看到第一个tab项目,点击创建这个tab ,可以来创建一个新的vue项目 ...
  • cmd 输入vue ui 无反应解决方法

    千次阅读 2020-11-29 16:01:50
    由于vue ui 命令需要vue3.0以上,旧版本vue cli 的包名从vue-cli改成了@vue/cli,所以之前通过npm或者cnpm安装vue-cli是没有ui命令,可以通过vue -h 看一下。 vue -h 有图可见里面Commands下没有ui
  • vue-cli输入命令vue ui没效果

    千次阅读 2020-05-08 14:05:49
    vue ui 输入命令行vue ui,终端会报启动信息,这本来很正常。可是呢,今天不知道啥回事,输入vue ui,终端没反应 我查看了vue的帮助信息,发现是根本没有 ‘vue ui’ 这一命令行! 于是重新安装vue-cli最新版...
  • 看了下饿了么团队开发的PC端vue ui框架Element ui之后,顺便看了看同团队开发的移动端的vue ui框架mint ui,那么在vue项目中应该如何使用mint ui呢?以下做简单的记录。 首先安装mint: $ npm install mint-ui...
  • vue ui vue ui 会自动打开一个窗口 然后配置修改即可
  • 为了用页面创建项目执行 //卸载vue 客户端 npm uninstall vue-cli -g ...执行vue ui报错 � Starting GUI... ERROR Error: Vue packages version mismatch: - vue@2.6.10 (E:\nodejs\node_glo...
  • 使用vue ui 可视化创建vue项目

    千次阅读 2020-03-09 13:42:18
    1.1 打开终端输入 vue ui 打开vue项目管理器 创建 新项目 选择你需要的插件 点击创建项 可选保存预设 优化ESlint语法检查 允许方法名后不加空格 .eslintrc.js 在 rules: {} 里加入 'space-before-function-...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 125,587
精华内容 50,234
关键字:

vueui

vue 订阅