使用Dva项目作Antd的Demo

最新推荐文章于 2024-09-11 10:21:20 发布

没事下辈子小心点

最新推荐文章于 2024-09-11 10:21:20 发布

阅读量1.6k

点赞数 1

文章标签： node.js

本文链接：https://blog.csdn.net/weixin_42357617/article/details/118191217

版权

这篇博客详细解析了如何使用Dva搭建Antd Demo项目。首先介绍了安装Dva-cli和创建新应用的步骤，强调了安装过程中的注意事项，如在项目文件夹内执行后续操作。接着提到了样式引入，通过编辑.webpackrc配置babel-plugin-import以正确加载Antd样式，并警告读者Antd的特定版本可能带来的问题。最后，提供了相关资源链接以供进一步学习。

摘要由CSDN通过智能技术生成

Dva项目保姆版解析

首先要安装vscode和node.js，这两个字节搜官网就行，如果还遇到无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。所在位置行:1 字符: 1这样的问题，建议自行百度，一般就是管理员启动，和设置环境变量两种可以解决。
（如果node安装最后打了自动安装其他环境的勾，那就会出现下面一大堆）
在这里插入图片描述

这些都是node自动安装的，最后没有进行下去，没有安装完全。

新建一个文件夹，用VScode打开这个文件夹C，

安装 dva-cli

$ npm install dva-cli -g       需要好一会
$ dva -v
dva-cli version 0.9.1

可能会遇到这样的问题
在这里插入图片描述遇到上述问题，请参考

创建新应用

$ dva new dva-quickstart  按Y   还要好几分钟

$ cd dva-quickstart
$ npm start

Compiled successfully!

The app is running at:

  http://localhost:8000/

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

这一步以后，下面的安装框架都必须在cd dva-quickstart的文件夹下，一起，否则就会出现
错误示范
这时候再回去安装下面的框架，就会导致出现（但是如果使用cnpm就不会）