阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      vue ui 图形化界面创建和管理项目

      功能

      你也可以通过 vue ui 命令以图形化界面创建和管理项目:

      命令

      vue ui
      

      上述命令会打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程。

      可能遇到的问题

      localhost找不到,

      https://a.axihe.com/vue/vue-cli/vue-ui-01.png

      这种只需要指定下就可以,

      Host文件解决

      比如你可以在host里添加

      127.0.0.1	localhost
      

      通过指定来解决

      通过help来查看有哪些选项

      vue ui -h
      

      https://a.axihe.com/vue/vue-cli/vue-ui-02.png

      我们只需执行下面就可以

      vue ui --host 127.0.0.1
      

      选择创建标签,开始创建项目 https://a.axihe.com/vue/vue-cli/vue-ui-03.png

      填写项目名字 https://a.axihe.com/vue/vue-cli/vue-ui-04.png

      可以选择预设或者手动选择 https://a.axihe.com/vue/vue-cli/vue-ui-05.png

      手动选择类似命令行模式 https://a.axihe.com/vue/vue-cli/vue-ui-06.png

      最后进入是否储存为新预设 https://a.axihe.com/vue/vue-cli/vue-ui-07.png

      最后开始创建啦 https://a.axihe.com/vue/vue-cli/vue-ui-08.png

      套路和命令行的一样的,而且预设的设置也都是一样的;

      目录
      目录