@vue/cli3.0 增加一个可视化项目管理工具,全局安装完成 cli3.0 之后,可以直接在 cmd 输入命令:vue ui 启动即可,地址默认是 localhost:8000; [图片] 如果是已有 vue-cil 项目可以通过导入打开[图片] 可以导入的项目文件夹的 icon 是深色,点击进入后就可以导入了 创 ..

vue ui 的可视化管理

@vue/cli3.0 增加一个可视化项目管理工具,全局安装完成 cli3.0 之后,可以直接在 cmd 输入命令:vue ui  启动即可,地址默认是 localhost:8000;
image.png
如果是已有 vue-cil 项目可以通过导入打开image.png
可以导入的项目文件夹的 icon 是深色,点击进入后就可以导入了
创建新项目点及创建选择在创建的位置
image.png
点击在此创建项目进入第二步
image.png
选择你常用的包管理器,点击下一步就可,然后耐心等待。
image.png
项目生成后选择项目进入项目仪表盘,如果没有安装 devtools 可以安装一下,针对于 vue 项目的调试工具还是很好用的,点击自定义还可以更新插件和依赖image.png
点击插件可以看到已有的插件也可以安装新的插件
image.png
依赖也同样如此
image.png
选择任务到了这一步可以通过 serve 启动项目,build 打包等等
image.png
是不是很好用,大家快来用吧!

  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    164 引用 • 579 回帖 • 569 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    38 引用 • 127 回帖 • 374 关注
  • UI
    12 引用 • 65 回帖
1 回帖
请输入回帖内容...
  • ferried

    失去了 Command Line Interface 的灵魂