vue3引入antd 不是vue-cli3

最新推荐文章于 2025-02-26 21:26:57 发布
原创 最新推荐文章于 2025-02-26 21:26:57 发布 · 439 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #npm

在这里插入图片描述
antd版本号要用xxrc.1的，会兼容vue3不是vue-cli3
如果不知道怎么安装该版本 就直接把版本复制过来 cnpm i会帮你自动安装

下面是main.js里的配置
在这里插入图片描述

问题就解决啦 我看过其它很多博客 也尝试了但是没有用 这个真的可以解决哦

vue3中ant design使用
猿脑2.0的博客
07-31 1943
Ant Design Vue 支持自定义主题，你可以通过修改 SCSS 变量来定制主题。新建一个 SCSS 文件，例如。在这个文件中覆盖 Ant Design Vue 的 SCSS 变量。scss在入口文件中引入这个自定义样式文件：javascript// main.js 或 main.ts确保你的项目环境支持 SCSS，并且已经正确配置了相关 loader。通过以上步骤，你可以在 Vue 3 项目中使用 Ant Design Vue 组件库。
vue-cli脚手架项目构建以及按需引入antd
weixin_47783830的博客
10-25 1420
安装vue-cli npm install vue/cli -g 查看vue版本 注意：V要大写 vue -V 如果下载速度太慢，可以使用cnpm淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 此时下载出来的应该是2.9.6版本的脚手架 vue项目创建分为两种 vue-cli2 vue init webpack name vue-cli3 vue create name 一.CLI.
vue3引入antd
weixin_39065287的博客
07-27 1693
vue3引入antd 1、安装依赖 npm install ant-design-vue --save 2、main.js中全局引入并注册 import Antd from ‘ant-design-vue’ import ‘ant-design-vue/dist/antd.css’ Vue.use(Antd)
【新手入门】Vue3 按需引入AntD组件
屠龙少年
06-25 8415
手把手教你按需引入AntD组件
vue 3.0+ antd
qq_40738689的博客
05-13 7129
因为之前react一直使用antd，转vue后，还是想用顺手的样式，所以又开始连接antd 我连了一天，把vue.config.js配置了一遍，出现了各种报错，没有连上准备放弃的时候，突然连上了！！！ 首先是vue less 先通过vue add style-resources-loader插件方式安装style-resources-loader，选择less 然后修改vue.config.js emmm这个文件在vue3.0里面没有，所以大家可以自己在根目录下面建一个 vue-cli配置指南官网 cons
vue3+antd项目总结
荔枝味大鹅的博客
07-21 3319
vue3+antd项目总结
管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管.zip
02-25
【标题】"管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管理框架"揭示了这是一个使用特定技术栈构建的后台管理系统。它主要基于Vue.js，利用Vue CLI 4（Vue.js的命令行工具）进行快速...
精选资源
vue3-antd-admin:基于vue-clivite + vue3.0 + ant-design-vue2.0 +打字稿钩子的基础后台管理系统模板RBAC的权限系统，JSON架构动态表单，动态表格，漂亮的锁屏界面
03-11
vue3-antd 基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0的后台管理系统模板 账号：admin，密码：123456 系统模块数据是从先前获取来的真实数据，路由也是从内部动态获取的，而只是通过内网穿透提供访问的，难免...
精选资源
vue3-antd-admin.rar
10-25
这个"vue3-antd-admin.rar"项目是基于Vue3构建的管理后台系统模板，使用了TypeScript进行类型检查，以及Ant Design Vue（antd）作为UI组件库，提供了丰富的组件和统一的设计风格。 TypeScript 是JavaScript的一个超...
electron-react-antd-antv-cli的sqlite3数据库集成版本.zip
01-04
在压缩包文件名称 "electron-react-antd-antv-sqlite3-cli-master" 中，"cli"通常代表Command Line Interface，意味着此项目可能包含一个命令行工具，使得用户可以通过命令行操作数据库、执行数据处理任务或构建应用...
vue3+antd开发第一天
weixin_66193671的博客
02-28 641
独立开发项目细节
vue3引入ant-design-vue
weixin_45093753的博客
12-06 724
1、npm i --save ant-design-vue 2、 3、报错:"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’ 4、在当前目录下跑npm i --save ant-design-vue@next , 然后重新跑下项目就可以了
vue3使用Ant Design Vue
m0_72189003的博客
07-24 856
第三步：看Ant Design Vue使用组件。第二步：引入main.ts。
Vue3.0 使用 ant-design-vue
weixin_42902260的博客
04-21 1040
1.安装 ant-design-vue npm i --save ant-design-vue 2.在main.js中引入 import { createApp } from 'vue' import App from './App.vue' import router from './router' import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css' createApp(App).use(Antd).use(r
Vue 3 搭配 Ant Design Vue：构建专业级前端应用(小白必看)
前端开发探索之旅
02-11 2613
丰富的组件库：涵盖了从基础的按钮、输入框到复杂的表格、表单、树形控件等大量组件，满足各种业务场景的需求。一致性设计：遵循 Ant Design 统一的设计语言，组件风格统一，视觉效果美观，能帮助开发者打造出具有专业感的界面。高度可定制：提供了丰富的配置选项和样式定制能力，允许开发者根据项目需求对组件进行个性化定制。国际化支持：支持多种语言，方便开发全球化的应用。借助工具，可以生成自定义主题。然后按照官方文档的指引生成并引入自定义主题。
如何在 Vue 3 中使用 Ant Design
热门推荐
分享身边生活经验blog
10-21 1万+
Ant Design 是一个开源库，可让您创建吸引人的响应式网站。如果您想使用经过充分测试且易于学习的框架，那么它是您下一个项目的绝佳选择。另一方面，Vue.js 是一个用于创建用户界面的渐进式框架。它旨在易于学习，同时具有灵活性和可定制性。将这两者结合使用可以让您比以往更快地创建响应式网站。Ant Design 和 Vue 3 中包含的 Composition API 使得在编写有限代码的同时创建美观、响应迅速且可扩展的应用程序变得简单。
vue——vue3引入ant Design报警告
Willow_Spring的博客
08-11 2665
warning in ./node_modules/ant-design-vue/es/form/index.js "export 'default' (imported as 'Vue') was not found in 'vue' import 'ant-design-vue/dist/antd.css'; import Antd from 'ant-design-vue'; // Vue.config.productionTip = false; createApp(App).use(A.
vue3+ant design vue+ts实战【ant-design-vue组件库引入】
XSL_HR的博客
10-19 1万+
一个好项目的编写不仅需要完美的逻辑，以及相应的技术，同时也需要一个设计规范的高质量UI组件库。本期文章将会详细讲解Ant Design Vue组件库的安装、引入和使用。
Vue 3 搭建前端模板并集成 Ant Design Vue（2025）
最新发布
白白白鲤鱼的博客
02-26 4674
Vue 3 搭建前端模板并集成 Ant Design Vue（2025）
基于Vue-CLI3与Vue-Antd的dy-vue-admin后台管理系统开发教程
3. Vue-ANTD：Vue-ANTD是基于Ant Design设计语言的Vue实现。它为Vue.js提供了企业级的UI组件库，以帮助开发人员快速构建高质量的Web界面。Ant Design是阿里巴巴推出的一套设计规范和组件库，后被适配到Vue框架上，为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值