初始化antdv项目,按需引入

news/2025/2/22 15:33:56

初始化一个vue3+ts+antdv的项目
可以根据需求另外自行安装pinia和vue-routert

推荐使用bulma,一个类似bootstrap的第三方css框架,非常简洁,没有带任何js相关的东西,只专注样式,提高开发效率

1、创建项目

npm create vite@latest
//回车后输入项目名,按照提示操作,不知道看vite官网

2、 按需引入antdv组件库

参考: https://antdv.com/docs/vue/introduce-cn 【参考按需引入部分】

安装插件

npm install unplugin-vue-components -D

vite.config.ts中配置,一定要设置importStyle,否则会报错

// vite.config.ts
import { defineConfig } from 'vite';
import Components from 'unplugin-vue-components/vite';
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
export default defineConfig({
  plugins: [
    // ...
    Components({
      resolvers: [
        AntDesignVueResolver({
          importStyle: false, // css in js
        }),
      ],
    }),
  ],
});

http://www.niftyadmin.cn/n/5133190.html

相关文章

阿里云OSS文件上传

通常在做前端开发时&#xff0c;对于文件上传的功能&#xff0c;通常把那些大文件的视频或者音频一般是传到阿里云或者腾讯云&#xff0c;因为这样也可以减少公司本地服务器的空间&#xff0c;举个例子阿里云OSS文件上传的步骤 <template><div><h1>阿里云OS…

【esp32]VSCode-SPI控制OLED

根据Adafruit_GFX第三方库&#xff0c;其drawPixel方法由子类实现 代码&#xff1a;在OLED实现函数功能 先声明类 SPI库和Adafruit库、SSD1306 #include <Arduino.h> #include <SPI.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> …

el-input 给icon图标绑定点击事件

选择suffix-icon&#xff0c;添加点击事件 <temeplate><el-form-item :label"$t(company[Company address])" prop"address"><el-input v-model"enterpriseForm.address"><i slot"suffix" class"el-icon-m…

股票和可转债的差异

股票和可转债是两种不同的投资工具&#xff0c;它们在投资性质、风险和收益、投资策略等方面存在一定的差别。本文将从以下几个方面对股票和可转债进行差别分析。 一、投资性质 股票是公司发行的一种所有权凭证&#xff0c;代表了股东对公司的所有权。股东通过购买股票成为公…

uniapp vue国际化 i18n

一、安装 vue-i18n npm i vue-i18n 二、新建i18n目录 1、en.json 内容 {"loginPage":{"namePh":"Please enter your login account","passwordPh":"Please enter password"} } 2、zh-CN.json 内容 {"loginPage&qu…

私有云:【12】使用connention托管虚拟桌面

私有云&#xff1a;【12】使用connention托管虚拟桌面 1、使用connention托管虚拟桌面 1、使用connention托管虚拟桌面 使用cloudadmin用户登录connection服务器 登录connection客户端 创建桌面池 选择手动桌面池 选择vcenter虚拟机 选择vcenter.test.com 按如下选择下一步 设…

安卓系统怎样监听系统值的改变?

标签&#xff1a; 安卓系统怎样监听系统值的改变&#xff1f;&#xff1b; 安卓系统系统值改变后执行相应动作&#xff1b; 怎样实现对安卓系统属性值改变的监听&#xff0c;并执行相应动作。 安卓监听系统属性值有多种方法&#xff0c;以下是其中一个行之有效方法&#xff0…

【自然语言处理】【长文本处理】RMT:能处理长度超过一百万token的Transformer

相关博客 【自然语言处理】【长文本处理】RMT&#xff1a;能处理长度超过一百万token的Transformer 【自然语言处理】【大模型】MPT模型结构源码解析(单机版) 【自然语言处理】【大模型】ChatGLM-6B模型结构代码解析(单机版) 【自然语言处理】【大模型】BLOOM模型结构源码解析(…