vue ui 的可视化管理

本贴最后更新于 300 天前,其中的信息可能已经事过景迁

@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 实现响应的数据绑定和组合的视图组件。

    204 引用 • 625 回帖 • 534 关注
  • webpack

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

    40 引用 • 127 回帖 • 356 关注
  • UI
    12 引用 • 65 回帖

赞助商 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • someone27889
    捐赠者

    失去了 Command Line Interface 的灵魂