安装 dva-cli

最新推荐文章于 2024-05-15 10:05:06 发布
最新推荐文章于 2024-05-15 10:05:06 发布
阅读量6.3k 收藏
点赞数
分类专栏： React AntDesign 文章标签： 安装  dva-cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010002184/article/details/82720547
版权

win10，前提是正确安装了nodejs和npm，npm安装请看：https://blog.csdn.net/u010002184/article/details/82596389

cmd下输入：

1 npm install dva-cli -g  应该会运行3分钟左右

2 dva -v  查看版本，如果安装成功会输出版本号

3 dva new dva-quickstart   应该会运行2分钟左右，会在cmd的路径下创建文件夹dva-quickstart

4 cd dva-quickstart

5 npm start

记录如下：

D:\Program Files\antd>npm install dva-cli -g
npm WARN deprecated win-spawn@2.0.0: use [cross-spawn](https://github.com/IndigoUnited/node-cross-spawn) or [cross-spawn-async](https://github.com/IndigoUnited/node-cross-spawn-async) instead.
npm WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recommend using babel-preset-env now: please read babeljs.io/env to update!
[ .................] / fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] / fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] / fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] / fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] / fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] - fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] | fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] | fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] | fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] | fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] | fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] | fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] | fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recom[ .................] / fetchMetadata: WARN deprecated babel-preset-es2015@6.24.1: ?  Thanks for using Babel: we recomnpm WARN deprecated nomnom@1.8.1: Package no longer supported. Contact support@npmjs.com for more info.
npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
C:\Users\liuyazhou\AppData\Roaming\npm\dva -> C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\bin\dva
+ dva-cli@0.9.2
added 423 packages from 277 contributors in 315.552s
a
D:\Program Files\antd>
D:\Program Files\antd>dva
Usage: dva <command> [options]

Options:

  -h, --help  output usage information
  Commands:

    init           Init a new dva application in the current folder
    new            Creates a new application
    generate       Generates new code (short-cut alias: "g")

  All commands can be run with -h (or --help) for more information.

D:\Program Files\antd>dva -v
dva-cli version 0.9.2

D:\Program Files\antd>dva new dva-quickstart
C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\bin\dva-new
Creating a new Dva app in D:\Program Files\antd\dva-quickstart.

      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\.editorconfig
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\.eslintrc
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\.roadhogrc.mock.js
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\.webpackrc
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\gitignore
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\package.json
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\mock\.gitkeep
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\src\index.css
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\src\index.js
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\src\router.js
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\public\index.html
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\src\assets\yay.jpg
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\src\models\example.js
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\src\components\Example.js
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\src\routes\IndexPage.css
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\src\routes\IndexPage.js
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\src\utils\request.js
      create  C:\Users\liuyazhou\AppData\Roaming\npm\node_modules\dva-cli\boilerplates\app\src\services\example.js
      rename  gitignore -> .gitignore
         run  npm install
use npm: npm.cmd
npm WARN deprecated bfj-node4@5.3.1: Switch to the `bfj` package for fixes and new features!
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated hoek@2.16.3: The major version is no longer supported. Please update to 4.x or newer
npm WARN deprecated nomnom@1.6.2: Package no longer supported. Contact support@npmjs.com for more info.

> husky@0.12.0 install D:\Program Files\antd\dva-quickstart\node_modules\husky
> node ./bin/install.js

husky
setting up hooks
Can't find .git directory, skipping Git hooks installation

> uglifyjs-webpack-plugin@0.4.6 postinstall D:\Program Files\antd\dva-quickstart\node_modules\uglifyjs-webpack-plugin
> node lib/post_install.js

npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN eslint-config-react-app@2.1.0 requires a peer of babel-eslint@^7.2.3 but none is installed. You must install peer dependencies yourself.
npm WARN babel-loader@8.0.2 requires a peer of @babel/core@^7.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN @babel/plugin-proposal-export-namespace@7.0.0-beta.32 requires a peer of @babel/core@7.0.0-beta.32 but none is installed. You must install peer dependencies yourself.
npm WARN @babel/plugin-proposal-export-default@7.0.0-beta.32 requires a peer of @babel/core@7.0.0-beta.32 but none is installed. You must install peer dependencies yourself.
npm WARN @babel/plugin-syntax-export-extensions@7.0.0-beta.32 requires a peer of @babel/core@7.0.0-beta.32 but none is installed. You must install peer dependencies yourself.
npm WARN ts-jest-babel-7@22.0.7 requires a peer of jest@^22.0.1 || ^22.1.0-alpha.1 || ^23.0.0-alpha.1 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 1888 packages from 981 contributors and audited 41891 packages in 138.855s
found 4 moderate severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details
npm WARN @babel/plugin-proposal-export-default@7.0.0-beta.32 requires a peer of @babel/core@7.0.0-beta.32 but none is installed. You must install peer dependencies yourself.
npm WARN @babel/plugin-proposal-export-namespace@7.0.0-beta.32 requires a peer of @babel/core@7.0.0-beta.32 but none is installed. You must install peer dependencies yourself.
npm WARN @babel/plugin-syntax-export-extensions@7.0.0-beta.32 requires a peer of @babel/core@7.0.0-beta.32 but none is installed. You must install peer dependencies yourself.
npm WARN babel-loader@8.0.2 requires a peer of @babel/core@^7.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-config-react-app@2.1.0 requires a peer of babel-eslint@^7.2.3 but none is installed. You must install peer dependencies yourself.
npm WARN ts-jest-babel-7@22.0.7 requires a peer of jest@^22.0.1 || ^22.1.0-alpha.1 || ^23.0.0-alpha.1 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ dva@2.4.0
updated 1 package and audited 41891 packages in 12.752s
found 4 moderate severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details
npm.cmd install end

Success! Created dva-quickstart at D:\Program Files\antd\dva-quickstart.

Inside that directory, you can run several commands:
  * npm start: Starts the development server.
  * npm run build: Bundles the app into dist for production.
  * npm test: Run test.

We suggest that you begin by typing:
  cd D:\Program Files\antd\dva-quickstart
  npm start

Happy hacking!

D:\Program Files\antd>cd dva-quickstart

D:\Program Files\antd\dva-quickstart>npm start

> @ start D:\Program Files\antd\dva-quickstart
> roadhog server

  build [==                  ] 10%

Starting the development server...

Build completed in 3.22s
Compiled successfully!

You can now view Your App in the browser.

  Local:            http://localhost:8000/
  On Your Network:  http://192.168.0.104:8000/

Note that the development build is not optimized.
To create a production build, use npm run build.

 

二十六画生的博客
关注
专栏目录
第10章、dva介绍与环境搭建；
weixin_44121341的博客
07-29 150
1、介绍；dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。2、特性；易学易用：仅有 6 个API，对 redux 用户尤其友好，配合 umi 使用降低为 0 API；elm概念：通过reducer，effect 和 subscription 组织 model；
ant design环境搭建过程中遇到的问题--Windows-dva-cli
li_xing_yun的博客
03-08 1万+
基础的此处略去，nodejs和npm是前提。 1.官网介绍的是脚手架工具是antd-init，但是又建议真是项目中用dva-cli，所以博主就直接装的是dva-cli，这里主要是简单介绍下我Window7下在安装dva-cli的过程中遇到的一些问题，希望能对各位同学有所帮助。 2.由于博主公司用的网络是代理服务器的网络，所以首先呢，先要为npm设置代理服务器 $ npm config set
dva-cli
weixin_45290863的博客
07-29 304
安装 通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上。 npm install dva-cli -g dva -v 创建 dva new dva-quickstart cd dva-quickstart npm start 服务启开后一直报一个版本号的问题,虽然不影响什么但是为了追求完美终于找到完美解决的办法 路径： node_modules\dva\lib...
推荐一款便捷的前端开发工具：dva-cli
最新发布
gitblog_00015的博客
05-15 365
推荐一款便捷的前端开发工具：dva-cli 项目地址:https://gitcode.com/dvajs/dva-cli dva-cli 是一个基于 dva 的命令行工具，它为现代前端应用开发提供了极大的便利。虽然现在官方已建议使用 create-umi 替代，但如果你在寻找一个简单的启动新项目的方法，dva-cli 还是值得了解和尝试的。 1. 项目介绍 dva-cli 提供了 new 和 in...
dva-cli 版本更新
zm_miner的博客
10-17 1715
使用npm install dva-cli -g安装 dva-cli , 在使用dva -v查看其版本号, 可能这个版本太低或者不是你想要的版本号, 怎么升级版本? npm i dva --save 项目目录下执行此行就能获取到最新的dva版本. 或者 npm i dva@版本号 --save ...
cnpm i报错 Failed to compile with 351 errors
m0_46554818的博客
09-14 3274
cmd 窗口: Microsoft Windows [版本 10.0.19043.1165] © Microsoft Corporation。保留所有权利。 E:\project\2021\台州\jiaojiang-saas-web\trunk>cnpm install / [14/62] Installing toidentifier@1.0.0platform unsupported chokidar@2.1.5 › fsevents@^1.2.7 Package require os(darwi
Vue中遇到的一些小问题
qq122516902的博客
11-20 6205
记录Vue中的一些问题记录Vue中的一些问题问题一 记录Vue中的一些问题 在学习和使用中难免会遇到一些问题，很多次，有些问题当时查资料解决了，下次又遇到的时候就忘了，所以这里对日常遇到的关于Vue.js相关的问题做一下记录，以备日后查阅。 问题一 问题描述：Do not use built-in or reserved HTML elements as component id: xxx 不要使...
dva-cli-init:基于dva-cli 移动端骨架
04-29
dva-cli-init 基于dva-cli 移动端骨架 功能介绍: 1.请求代理 2.组件封装 3.路由配置 4.组件 和 models 按需加载 5.登陆权限验证 技术: react dva mobile-ant(按需加载) QQ:1933988119 共同学习
AWS DVA-C02样题
06-21
2. **开发和部署应用程序**：理解如何使用AWS SDKs和CLI来开发和部署应用程序。这包括编写代码来管理AWS资源，例如使用AWS SDK for Python (Boto3) 或者Java SDK来自动化EC2实例的创建和配置。 3. **无服务器架构**...
dva-boilerplate-electron, 另一个dva样板.zip
09-17
dva-boilerplate-electron, 另一个dva样板 dva-boilerplate-electron使用电子和 dva创建一个应用程序的样板。正在启动在你的目录中，运行：$ curl -fsSL https://github.com/sorrycc/dva-boilerpla
dva-cli如何安装
05-25
你可以通过以下步骤安装dva-cli： 1. 首先，确保你已经安装了Node.js。你可以在终端中输入`node -v`来检查是否已经安装。 2. 打开终端，并输入以下命令来安装dva-cli： ``` npm install -g dva-cli ``` 这将...
vue cli3 搭建vue开发环境
csdn_fanhehua的博客
09-30 908
一、Window 搭建Vue开发环境 操作系统：Window Node：12.18.4 长期支持版 Vue.js： vue-cli: 3 版本 二、安装工具： 2.1 安装Node软件 2.1.1下载Node.js，网址：https://nodejs.org/zh-cn/ 2.1.2 安装Node.js，点击下载好的软件直接双击安装 2.1.3查看安装Node.js #查看是否安装成功 C:\Users\Administrator>node --ve...
【已解决】报错建议npm audit fix和 Error: Cannot find module ‘node:util
CY_WINT的博客
10-07 1140
install 报错：found XXX vulnerabilities (XXX low, X moderate)，run。应该是依赖包产生了漏洞，使用这个命令自动修复，但是修复后依然会报错，还有需要手动解决的问题。但是注意淘宝镜像的版本和npm会不会冲突，我在使用下面命令时再次报错。所以去安装淘宝镜像，使用这个可以自动下载修复依赖。
Node.js 安装记录与自动生成Express项目框架
kingshown_WZ的专栏
04-13 792
前言 Express是Node.JS进行Web开发的典型框架。 1、首先安装nodejs，npm 这时已经安装成功，版本号分别为： 2、在终端上执行以下代码 npm install -g express npm install -g express-generator 第一行代码默认"全局"安装下载express...
报错：npm WARN ERESOLVE overriding peer dependency
星辰迷上大海的博客
03-20 6821
这个警告通常意味着您的项目中存在不同模块之间的依赖冲突。这可能会导致一些模块无法正常工作或版本不匹配的问题。
2021-03-31
烟雨晴天的博客
03-31 3931
记录一下自己vue出现的问题和解决方法： PS D:\vscode\shop> npm install npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates. npm WARN deprecated eslint-loader@2.2.1: This loader has been deprecated.
解决Ubuntu17.04不能安装git的问题 E: Package 'git' has no installation candidate
热门推荐
AI吃大瓜的博客
06-27 2万+
解决Ubuntu17.04不能安装git的问题 E: Package 'git' has no installation candidate    在Ubuntu系统中安装git的命令是：sudo apt install git，但比较奇怪的是，在Ubuntu17.04中输入该命令，却出现以下的情况：Reading package lists... DoneBuilding dependency ...
使用Git Hooks实现开发部署任务自动化
zstack_org的博客
11-09 2万+
使用Git Hooks实现开发部署任务自动化提供：ZStack社区 前言版本控制，这是现代软件开发的核心需求之一。有了它，软件项目可以安全的跟踪代码变更并执行回溯、完整性检查、协同开发等多种操作。在各种版本控制软件中，git是近年来最流行的软件之一，它的去中心化架构以及源码变更交换的速度被很多开发者青睐。在git的众多优点中，最有用的一点莫过于它的灵活性。通过“hooks”（钩子）系统，开发者和管理
Android Studio导入程序时显示can’t start git的处理方法
hou09tian的博客
08-01 5853
在打开Android Studio时，有时会显示“Can’t start Git:git.exe”，如图1所示。   图1 无法启动Git 1 Git简介 Git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。 2 下载安装Git 出现以上错误信息的原因是没有安装Git。下载Git.exe后安装，指定其安装的目录，如图2所示。   图2 指定Git的安...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

二十六画生的博客

你的鼓励是我创作最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值