【前端】vite+vue3+ts 项目安装 Ant Design of Vue方法
CrazyPanda发表于：2024-02-23 23:16:51浏览：305次
安装 Ant Design of Vue 和@ant-design/icons-vue图标库
npm add ant-design-vue @ant-design/icons-vue
安装插件 unplugin-vue-components 配合vite可以自动帮我们引入组件
npm add unplugin-vue-components -D
配置 vite.config.ts
import { defineConfig } from "vite";
import { fileURLToPath, URL } from "url";
import vue from "@vitejs/plugin-vue";
import Components from "unplugin-vue-components/vite";
import { AntDesignVueResolver } from "unplugin-vue-components/resolvers";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
Components({
resolvers: [AntDesignVueResolver()],
}),
],
// 配置别名
resolve: {
alias: {
"@": fileURLToPath(new URL("./src", import.meta.url)),
},
},
});猜你喜欢
- 【HTML】html使用高德地图设置考勤范围
- 需求：系统需要考勤功能，并在WEB端设置考勤范围，用于员工手机端再次范围内打卡签到，WEB端需要设置考勤地点以及考勤范围。1 使用高德地图开发首先需要再高德开放平台注册账号，并创建应用，获取高德地图key以及安全秘钥这里需要用到地图定位，一级地理坐标转换，使用高德开放平台JSAPI开发。HTML引入js，安全秘钥配置一定要写在js上方：<script> window._AMapSecurityConfig = { &
- 【前端】快速了解 ES6 新增字符串方法，开箱即用（含案例）
- 文章目录📋前言🎯includes() 方法🎯startsWith() 方法🎯endsWith() 方法🎯repeat() 方法🎯padStart() 方法🎯padEnd() 方法🎯trim() 方法🎯trimStart() 或 trimLeft() 方法🎯trimEnd() 或 trimRight() 方法🎯replaceAll() 方法🎯slice() 方法🎯substring() 方法🎯split() 方法🎯charAt() 方法🎯charCodeAt() 方
- 【HTML】 html 初始化执行方法
- HTML的初始化执行方法有多种。以下是其中几种常见的方式： 1. JavaScript的DOMContentLoaded事件：当页面加载完成并且所有元素都已经被创建时，会触发该事件。可以通过在JavaScript文件或者内联script标签中编写相应的函数来处理这个事件。示例如下：document.addEventListener("DOMContentLoaded", function() { // 在此处添加需要执行的代
- 【前端】PHP、Vue和React：如何选择最适合的前端框架？
- PHP、Vue和React：如何选择最适合的前端框架？随着互联网技术的不断发展，前端框架在Web开发中起着至关重要的作用。PHP、Vue和React作为三种具有代表性的前端框架，每一种都具有其独特的特点和优势。在选择使用哪种前端框架时，开发人员需要根据项目需求、团队技能和个人偏好做出明智的决策。本文将通过比较PHP、Vue和React这三种前端框架的特点和使用场景，帮助读者更好地选择最适合自己的前端框架。PHPPHP作为一种服务器端脚本语言，被广泛应用于Web开发中。尽管PHP主要用于后端开发，
- 【前端】前端网络安全
- 今天思考下前端源码安全的东西（不是前端安全，只是针对于源码部分）。在我看来，源码安全有两点，一是防止抄袭，二是防止被攻破。实际上讲，前端的代码大多是没有什么可抄袭性，安全更是形同虚设的（任何前端输入都是不能相信的）。但如果还是想防止源码被查看，HTML、CSS并不能做什么，最终都会用露出来（最简单用Chrome开发者工具就可以看到），所以只能针对JS做文件的压缩合并和混淆。关于抄袭其实就前端来讲，代码没有什么好抄袭的，大多人都是抄UI设计（这个是躲不了），还有一些富前端的控件和算法，重要之处还是
- 【前端】全栈软件开发工程师需要具备哪些技能
- 全栈软件开发工程师需要具备前端、后端和数据库等多方面的技能，以便能够在整个应用开发周期中承担各种任务。以下是典型的全栈软件开发工程师的技能栈：一、前端技能：1.HTML/CSS/JavaScript:构建网页的基本技能，负责页面结构、样式和交互。2.前端框架：掌握至少一种前端框架，如 React.js、Vue.js、Angular，用于构建可维护的、高性能的前端应用。3.前端工具：使用构建工具（Webpack、Parcel）、包管理工具（npm、Yarn）、代码规范工具（ESLint、Prett
- 【前端】如何使用Redis和TypeScript开发高性能计算功能
- 如何使用Redis和TypeScript开发高性能计算功能概述：Redis是一个开源的内存数据结构存储系统，具有高性能和可扩展性的特点。TypeScript是JavaScript的超集，提供了类型系统和更好的开发工具支持。结合Redis和TypeScript，我们可以开发出高效的计算功能来处理大数据集，并充分利用Redis的内存存储和计算能力。本文将介绍如何利用Redis和TypeScript开发高性能计算功能，包括数据存储、数据处理和结果缓存等方面。我们将使用Redis的常用数据结构和命令，并
- 【前端】微信小程序推送订阅消息
- 业务需要，商城类小程序，要在用户下单支付成功后，推送消息通知用户。首先想到的是小程序模板消息，微信公众号模板消息已经用过很多了，小程序模板消息确是第一次做。小程序模板消息 参考https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/template-message.html 小程序模板消息在2020年已经改版了，现在推送模板消息都会推送到服务通知里面，
栏目分类全部>
推荐文章
- 【Vue】Vue3项目filter.js组件封装
- 【PHP】用PHP从数据库到后端到前端完整实现一个中秋节祝福语项目
- 【Node】Node.js 中的 process.cpuUsage() 方法
- 【AntDesignPro】Ant Design Pro学习记录—前后端分离跨域设置，解决跨域session不一致
- 【React】16 个实用的 React 库
- 【PHP】ES在MySQL、PHP中的使用
- 【ElasticSearch】Elasticsearch 操作语法全解
- 【Vue】vue2vue3项目使用antd
- 【AntDesignPro】Ant Design Pro学习记录—ProTable的使用（二）
- 【C#】C#调用win10系统自带软键盘的方法