快速使用VUE UI

快速使用VUE UI

打开VUE UI

1. 使用cmd打开VUE 在cmd里面输入

vue ui

他会启动你的浏览器窗口,我们就可以看到

快速使用VUE UI_第1张图片

2.使用VUE UI

2.1 创建的文件位置

创建的文件是默认在你启动vue ui的夹

快速使用VUE UI_第2张图片

2.2 新建文件

  1. 新建

快速使用VUE UI_第3张图片

  1. 创建完毕

    快速使用VUE UI_第4张图片

2.3 新建项目

  1. 创建

快速使用VUE UI_第5张图片

  1. 配置包管理

    因为我npm用的比较多,还是使用npm。

    快速使用VUE UI_第6张图片

  2. 直接点击下一步默认就好

    稍微等一下下

    快速使用VUE UI_第7张图片

    快速使用VUE UI_第8张图片

  3. 项目运行

    • 进入任务界面

      快速使用VUE UI_第9张图片

    • 运行

      快速使用VUE UI_第10张图片

    • 编译完成

      点击启动。

      编译完成后会自动打开项目

      快速使用VUE UI_第11张图片
      快速使用VUE UI_第12张图片

你可能感兴趣的:(前端框架,VUE,工具,vue,vue-cli3,vue.js)