2019独角兽企业重金招聘Python工程师标准>>>

1.2 dva 安装

使用 dva-cli 命令行工具安装 dva。(本文假设已掌握 npm 基础知识)

安装 dva-cli

  • dva-cli 是什么

    dva-cli 是命令行工具,使用 npm 进行安装,用处是通过命令行很方便的创建一个 dva 脚手架工程。

  • 安装 dva-cli

    $ npm install dva-cli -g            // 全局安装 dva-cli
    
  • 查看 dva-cli 版本

     $ dva -v        // 要求最低版本 0.7.0
    

创建dva脚手架

现在要在 d 盘根目录下创建一个 dva 脚手架工程 dva-demo。(下面操作都是在命令行中完成的)

  • 第一步:切换到 d 盘

      $ cd d:
    
  • 第二步:使用 dva new 指令创建工程 $ dva new dva-demo

  • 第三步:等待....

    这个过程需要下载 dva 的目录结构,这个很快;

    还需要 npm install 目录结构中 package.json 中的包,这很费时间;

    最终出现下图所示标识 dva 安装成功了!!

测试是否安装成功

  • 切换到刚创建的 dva-demo 目录下

      $ cd dva-demo
    
  • 启动服务

      $ npm start
    
  • 自动弹出欢迎页面

    过几秒后会自动弹出浏览器,显示欢迎页面就说明安装成功了

到此为止

到这里为止,你已经成功的创建了一个 dva 工程,并且切切实实的看到了它的互动(欢迎页面里的那只小丑)。但是你不满足于认识它,还想要深入浅出的掌握它,用它来简化你的开发,提高你的效率,节约下来时间去走一场说走就走的旅行。

** 别着急,接着往下看。**

转载于:https://my.oschina.net/dkvirus/blog/1057996

创建一个 dva 脚手架工程相关推荐

  1. HDFS的API调用,创建Maven工程,创建一个非Maven工程,HDFS客户端操作数据代码示例,文件方式操作和流式操作

    1. HDFS的java操作 hdfs在生产应用中主要是客户端的开发,其核心步骤是从hdfs提供的api中构造一个HDFS的访问客户端对象,然后通过该客户端对象操作(增删改查)HDFS上的文件 1.1 ...

  2. dbeaver连接mysql 驱动jar_用Intellij Idea创建一个普通的Java工程并用JDBC连接数据库...

    演示:如何创建一个普通的Java工程,并导入MySql数据库的驱动包,用JDBC方式来连接数据库. Intellj Idea 先创建工程 1.打开Intellij Idea,创建Project,Fil ...

  3. 使用Qt创建一个C语言工程

    使用Qt创建一个C语言工程 第一步:点击new按钮:或者在左边,点击右键选择新建项目:或者点击文件,选择新建项目 方式一 方式二 方式三 第二步:在弹出的对话框中选择Non-Qt Project和Pl ...

  4. lin通信ldf文件解析_详细步骤讲解如何在CANoe中创建一个LIN通讯工程(多图+详解)...

    本文首发自微信公众号"汽车技术馆"! CANoe可以实现基于CAN通讯的通讯测试和仿真,同时也可以支持基于LIN通讯的通讯测试和仿真,如何在CANoe中建立一个基于LIN通讯的工程 ...

  5. lin通信ldf文件解析_手把手教你在CANoe中创建一个LIN通讯工程

    CANoe可以实现基于CAN通讯的通讯测试和仿真,同时也可以支持基于LIN通讯的通讯测试和仿真,如何在CANoe中建立一个基于LIN通讯的工程呢? 第一步:打开软件之后,主菜单选择file->n ...

  6. 使用IDEA创建一个Maven Web工程:无法创建Java Class文件

    今天用IDEA新建了一个maven web工程,项目目录是这样的: 在新创建一个Java class 文件时,却没有Java class功能,无法创建,如图: 解决方案: 选择 File-->P ...

  7. OPNET学习笔记(一):创建一个小型局域网工程、场景并对比统计数据

    OPNET学习笔记(一):创建一个小型局域网并对比统计数据 前言 1.创建工程 2.配置场景 3.创建场景 4.选择统计量 5.结果显示 6.创建对比场景并对比 7.总结 前言 关于OPNET的安装教 ...

  8. 如何快速创建一个vue脚手架

    vue cli 就是vue的脚手架,相当于多个平台,方便我们快速搭建起自己的项目 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,所以他是围绕vue来使用的,要遵守vue框架的要求 ...

  9. keil4 如何创建一个新的工程。

    一 这是一个工程建立好后的截图.具体实现方法看下面. 当driver打开后 1.32学习文件夹下创建一个code文件夹 用于存放所有的代码还有库函数内容等等  ,32的官方库存在于code下. 2.在 ...

最新文章

  1. echarts如何显示在页面上
  2. 后台导出大量数据超时报 nginx404错误
  3. 小两口攒钱不吵嘴 用理财加固你的爱情
  4. 监督学习和无监督学习_机器学习的要素是什么? 有监督学习和无监督学习两大类...
  5. 【威联通Nas】安装docker版本的wiznote/wizserver
  6. 学校机房计算机安全使用制度,学校机房安全管理制度
  7. Pandas数据库数据抽取
  8. STM32+ST7789+RX8025T+DS18B20+EC11+GT30L32S4W组成的时钟
  9. citrix终端linux,Citrix XenDesktop发布Centos 7.2桌面(六)--安装Linux VDA
  10. 市面上哪款输入法最好用,对比出结论
  11. (KWS-LSTM)Max-pooling loss training of long short-term memory networks for small-footprint keyword s
  12. ios降级鸿蒙,iOS14正式版怎么降级到iOS13.7 iOS14降级操作流程
  13. CDH安装Tez 0.8.5
  14. 计算机上怎样保护c盘,6个方法教你释放你的C盘空间
  15. 计算机看不了pdf,电脑桌面变成pdf打不开怎么办
  16. 【粗翻】CALIPSO数据用户指南-激光雷达等级1B 4.x数据质量声明
  17. 【定位原理揭秘第四期】精准导航领域的定位技术(在高架、隧道、主辅路识别中如何实现)
  18. SAP_常用BADI清单
  19. android开机调用搜狗输入法
  20. word 删除带分节符的空白页

热门文章

  1. 怎么选择专业的新闻稿发布平台?
  2. 多个高速公路收费站点UPS电源接入总监控中心集中监控方案
  3. C++ 中 map 容器的内存释放机制及内存碎片管理
  4. 基于HTML实现本地图片裁剪
  5. 专业尖端远心光学,高精度视觉检测解决者
  6. SEO | 影响网站排名的重要因素!
  7. 八路电子抢答器电路设计
  8. android之解锁新技能,平常的应用开发会用到的东东(持续更新)android工作经验总结
  9. 3.3.2 Arc Consistency Algorithms
  10. Router中设置显示保护带