zoukankan      html  css  js  c++  java
  • 使用VueCLI的User Interface Tool(GUI)创建app的图文讲解

    (英文原文)

    需要安VueCLI3和nodejs。

    在terminal输入vue可以看到命令列表:

    其中vue ui [options] 就是用于开始和打开vue-cli ui的命令。

    使用http://localhost:8000 端口打开Gui网页:

    点击右上角?号

    显示一些链接。

    如:https://forum.vuejs.org/c/chinese   (发帖子的地方)

    项目:显示目前追踪的项目。

    创建,建立一个新的项目。和这个命令vue create <name>一样。

    导入:从一个目录或远程仓库导入一个project。

    需要等一会。

    然后安装成功:

    尝试一下各个功能把!没啥说的越用越熟!

    任务

    serve选项

    点击run task,相当于命令yarn serve,启动服务器。

    控制台是显示各种状态

    输出就是显示和terminal上的信息一样的log, task process:

    分析Analyzer:出现一个分析图:

    创建了一个图表来显示你的代码的各种依赖。

    • 紫色部分代表开发者写的代码。
    • 绿色部分代表从依赖引进的代码。

    Build选项

    和serve section类似,只是它产生一个production bundle, 这个bundle被用来部署app。 

    点击运行,会等一会,它会编译和压缩程序。

    最后成功后,给出提示。并可以在<输出>tab看信息。

    分析tab,有不同的分析模式:

    Lint选项

    lint your code and give you an output.

    $ vue-cli-service lint
     DONE  No lint errors found!
    
    Total task duration: 15.42s

    test:unit

    运行单元测试

    Inspect

    输出webpack的配置的信息,到json file

  • 相关阅读:
    科研第四天
    科研第三天
    科研的第一天
    django_1.6.8学习笔记——创建project
    第一个project,累哭的第一个app
    前记
    线性表——单链表小结(腾讯面试题)(4)
    一个考试模拟界面——先记录一下下ui上的东东
    源码0602-05-掌握-多值参数
    源码0602-03-掌握-XML解析-NSXMLParser
  • 原文地址:https://www.cnblogs.com/chentianwei/p/10116155.html
Copyright © 2011-2022 走看看