当前位置： 首页 > news >正文

vue2中使用tailwindCss 详细教程

news 2026/1/3 13:02:24

1、先看官方文档：https://www.tailwindcss.cn/

在这里插入图片描述

2、先安装：npm install -D tailwindcss

---------------通过 npm 安装 tailwindcss，然后创建你自己的 create your tailwind.config.js 配置文件。
npm install -D tailwindcss

3、初始化文件—npx tailwindcss init

npx tailwindcss init

4、创建tailwindcss文件

 在 assets 文件夹下创建 tailwendcss.css文件

@tailwind base;
@tailwind components;
@tailwind utilities;</

相关文章：

vue2中使用tailwindCss 详细教程

1、先看官方文档：https://www.tailwindcss.cn/ 2、先安装：npm install -D tailwindcss ---------------通过 npm 安装 tailwindcss，然后创建你自己的 create your tailwind.config.js 配置文件。 npm install -D tailwindcss 3、初始化文件—npx tailwindcss init npx ta…...

编程日记 2024/9/27 1:08:38

机器视觉工程师一直做调试，维护岗位，想转岗软件方面C#从零开始，快则三年不到，慢则一辈子不会

其实不是每一家做视觉检测&#xff0c;或者是做设备必须要机器视觉工程师开发&#xff0c;其实公司对标准软件更感兴趣&#xff0c;主要非常高的性价比&#xff0c;省时省钱省人。所以这里有个问题&#xff0c;就是公司平台的重要性&#xff0c;首先他对开发是刚需&#xff0c;…...

编程日记 2024/9/27 1:07:36

【初阶数据结构】详解二叉树 - 树和二叉树（三）（递归的魅力时刻）

文章目录 前言1. 二叉树链式结构的意义2. 手搓一棵二叉树3. 二叉树的遍历&#xff08;重要&#xff09;3.1 遍历的规则3.2 先序遍历3.3 中序遍历3.4 后序遍历3.5 遍历的代码实现3.5.1 先序遍历代码实现3.5.2 中序遍历代码实现3.5.3 后序遍历代码实现 4. 统计二叉树结点的个数5.…...

编程日记 2024/9/27 1:02:32

【QT】QWidget 重要属性

文章目录 enabledgeometrywindowTitlewindowIconqrc 机制windowOpacitycursorfontQFont toolTip 和 toolTipDurationfocusPolicyQt::FocusPolicy styleSheet enabled 作用&#xff1a;设置控件是否可使用. true 表⽰可用, false 表⽰禁用. 对应的API bool isEnabled(); // 获…...

编程日记 2024/9/27 1:00:31

什么是数据库连接池？为什么需要使用连接池？

什么是数据库连接池&#xff1f;为什么需要使用连接池&#xff1f; 什么是数据库连接池&#xff1f; 数据库连接池是一种创建和管理数据库连接的技术。在传统的应用程序中&#xff0c;每当需要与数据库进行交互时&#xff0c;都会创建一个新的数据库连接。 这种做法虽然简单…...

编程日记 2024/9/27 0:59:30

2024ICPC网络赛第一场C. Permutation Counting 4（线性代数）

题目链接 题目大意&#xff1a;给你n个范围[ l i , r i l_i,r_i li​,ri​]&#xff0c;每个位置可以在这个范围中选择一个数&#xff0c;然后形成排列1到n的排列p。问p的所有情况的个数的奇偶性。 一个很妙的行列式转化&#xff0c;纯纯的线性代数。 首先&#xff0c;我们把…...

编程日记 2024/9/27 0:56:27

01.前端面试题之ts：说说如何在Vue项目中应用TypeScript？

文章目录 一、前言二、使用Componentcomputed、data、methodspropswatchemit 三 、总结 一、前言 与link类似 在VUE项目中应用typescript&#xff0c;我们需要引入一个库vue-property-decorator&#xff0c; 其是基于vue-class-component库而来&#xff0c;这个库vue官方推出…...

编程日记 2024/9/27 0:53:15

【HTTP】方法（method）以及 GET 和 POST 的区别

文章目录 方法&#xff08;method&#xff09;登录上传GET 和 POST 有什么区别&#xff08;面试&#xff09;区别不准确的说法 方法&#xff08;method&#xff09; 首行中的第一部分。首行是由方法、URL 和版本号组成 方法描述了这次请求想干什么&#xff0c;最主要的是&…...

编程日记 2024/9/27 0:52:13

Ubuntu NFS 搭建及配置

在 Ubuntu 上搭建和配置 NFS&#xff08;Network File System&#xff09;服务器&#xff0c;可以让其他设备通过网络访问共享的文件夹。以下是步骤指南&#xff1a; 1. 安装 NFS 服务器 首先&#xff0c;安装 NFS 服务器软件包&#xff1a; sudo apt update sudo apt insta…...

编程日记 2024/9/27 0:50:11

双十一好物推荐，这些值得入手的宝藏产品

随着双十一的钟声即将敲响&#xff0c;这个万众期待的购物盛宴就要来临&#xff01;为了让大家避免在众多的商品中不知所措&#xff0c;妮妮精心筹备了一份购物清单&#xff0c;分享那些我亲身感受超棒&#xff0c;觉得十分值得购买的物品。 这些商品不但价格合理&#xff0c;而…...

编程日记 2024/9/27 0:49:10

秋招内推2025--招联金融

【投递方式】 直接扫下方二维码&#xff0c;或点击内推官网https://wecruit.hotjob.cn/SU61025e262f9d247b98e0a2c2/mc/position/campus&#xff0c;使用内推码 igcefb 投递&#xff09; 【招聘岗位】 后台开发 前端开发 数据开发 数据运营 算法开发 技术运维 软件测试 产品策…...

编程日记 2024/9/27 0:48:09

C++类和对象——第二关

目录 类的默认成员函数&#xff1a; &#xff08;一&#xff09;构造函数 &#xff08;二&#xff09;析构函数 &#xff08;三&#xff09;拷贝构造函数 类的默认成员函数&#xff1a; 类里面有6个特殊的成员函数分别包揽不同的功能; &#xff08;一&#xff09;构造函数…...

编程日记 2024/9/27 0:46:08

服务器数据恢复—raid5阵列热备盘上线失败导致阵列崩溃的数据恢复案例

服务器磁盘阵列数据恢复环境&#xff1a; 服务器中有两组分别由4块SAS硬盘组建的raid5磁盘阵列&#xff0c;两组raid5阵列划分LUN&#xff0c;组成LVM结构&#xff0c;格式化为EXT3文件系统。 服务器磁盘阵列故障&#xff1a; 服务器中一组raid5阵列中有一块硬盘离线&#xff…...

编程日记 2024/9/27 0:43:05

Python与SQL Server数据库结合导出Excel并做部分修改

Python与SQL Server数据库结合导出Excel并做部分修改 需求&#xff1a;在数据库中提取需要的字段内容&#xff1b;并根据字段内容来提取与拆分数据做为新的列最后导出到Excel文件 # -*- coding: utf-8 -*- import pandas as pd import re import pymssql import timestart_ti…...

编程日记 2024/9/27 0:42:04

常见的TTL，RS232，RS485，IIC，SPI，UART之间的联系和区别

简单总结 图片来源 RS232,RS485可参考&#xff0c;IIC&#xff0c;SPI,UART可参考 烧录程序中常听到的一句话就是USB转TTL&#xff0c;但严格来说算是USB传输数据的协议转换成TTL&#xff08;Transistor-Transistor Logic&#xff09;协议传输数据。首先&#xff0c;usb是常见…...

编程日记 2024/9/27 0:41:02

【数据结构】栈和队列（Stack Queue）

引言 在对顺序表&#xff0c;链表有了充分的理解之后&#xff0c;现在让我们学习栈和队列&#xff01;&#xff01;&#xff01; 【链表】 &#x1f448;链表 【顺序表】&#x1f448;顺序表 目录 &#x1f4af;栈 1.栈的概念及结构 2.栈的实现 ⭐初始化栈 ⭐入栈 ⭐…...

编程日记 2024/9/27 0:38:00

Vue.js基础

Vue.js https://v2.cn.vuejs.org/https://cn.vuejs.org/初识Vue 官网&#xff1a;Vue (读音 /vjuː/&#xff0c;类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是&#xff0c;Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层&#xf…...

编程日记 2024/9/27 0:36:59

罐区紧急切断阀安装位置规范

在化工生产与储存的复杂环境中&#xff0c;罐区紧急切断阀的安装位置规范不仅是保障生产安全的关键一环&#xff0c;更是预防重大事故、减少损失的有效手段。在深入理解了罐区布局、物料特性及潜在风险后&#xff0c;对于紧急切断阀的安装位置&#xff0c;我们应遵循以下更为细…...

编程日记 2024/9/27 0:34:57

JavaScript 中的事件模型

JavaScript 中的事件模型是浏览器如何处理用户交互&#xff08;如点击、键盘输入、鼠标移动等&#xff09;或其他事件&#xff08;如加载完成、定时器等&#xff09;的机制。理解事件模型有助于我们处理这些事件并响应它们。JavaScript 的事件模型主要包括以下几个部分&#xf…...

编程日记 2024/9/27 0:32:55

理解Java引用数据类型（数组、String）传参机制的一个例子

目录 理解Java引用数据类型&#xff08;数组、String&#xff09;传参机制的一个例子理解样例代码输出 参考资料 理解Java引用数据类型&#xff08;数组、String&#xff09;传参机制的一个例子 理解 引用数据类型传递的是地址。用引用类型A给引用类型B赋值&#xff0c;相当于…...

编程日记 2024/9/27 0:30:53

AI-调查研究-01-正念冥想有用吗？对健康的影响及科学指南

点一下关注吧&#xff01;&#xff01;&#xff01;非常感谢&#xff01;&#xff01;持续更新&#xff01;&#xff01;&#xff01; &#x1f680; AI篇持续更新中&#xff01;&#xff08;长期更新&#xff09; 目前2025年06月05日更新到&#xff1a; AI炼丹日志-28 - Aud…...

编程新知 2026/1/1 1:54:33

C++初阶-list的底层

目录 1.std::list实现的所有代码 2.list的简单介绍 2.1实现list的类 2.2_list_iterator的实现 2.2.1_list_iterator实现的原因和好处 2.2.2_list_iterator实现 2.3_list_node的实现 2.3.1. 避免递归的模板依赖 2.3.2. 内存布局一致性 2.3.3. 类型安全的替代方案 2.3.…...

编程新知 2026/1/2 11:07:12

《从零掌握MIPI CSI-2: 协议精解与FPGA摄像头开发实战》-- CSI-2 协议详细解析 (一）

CSI-2 协议详细解析 (一&#xff09; 1. CSI-2层定义&#xff08;CSI-2 Layer Definitions&#xff09; 分层结构 &#xff1a;CSI-2协议分为6层&#xff1a; 物理层&#xff08;PHY Layer&#xff09; &#xff1a; 定义电气特性、时钟机制和传输介质&#xff08;导线&#…...

编程新知 2025/12/30 17:54:31

【位运算】消失的两个数字（hard）

消失的两个数字&#xff08;hard&#xff09; 题⽬描述&#xff1a;解法&#xff08;位运算&#xff09;&#xff1a;Java 算法代码&#xff1a;更简便代码 题⽬链接&#xff1a;⾯试题 17.19. 消失的两个数字 题⽬描述&#xff1a; 给定⼀个数组&#xff0c;包含从 1 到 N 所有…...

编程新知 2025/11/15 16:18:24

VTK如何让部分单位不可见

最近遇到一个需求&#xff0c;需要让一个vtkDataSet中的部分单元不可见&#xff0c;查阅了一些资料大概有以下几种方式 1.通过颜色映射表来进行&#xff0c;是最正规的做法 vtkNew<vtkLookupTable> lut; //值为0不显示&#xff0c;主要是最后一个参数&#xff0c;透明度…...

编程新知 2025/12/12 4:55:21

以光量子为例，详解量子获取方式

光量子技术获取量子比特可在室温下进行。该方式有望通过与名为硅光子学&#xff08;silicon photonics&#xff09;的光波导&#xff08;optical waveguide&#xff09;芯片制造技术和光纤等光通信技术相结合来实现量子计算机。量子力学中&#xff0c;光既是波又是粒子。光子本…...

编程新知 2025/12/31 13:01:20

基于Java Swing的电子通讯录设计与实现：附系统托盘功能代码详解

JAVASQL电子通讯录带系统托盘 一、系统概述 本电子通讯录系统采用Java Swing开发桌面应用&#xff0c;结合SQLite数据库实现联系人管理功能&#xff0c;并集成系统托盘功能提升用户体验。系统支持联系人的增删改查、分组管理、搜索过滤等功能&#xff0c;同时可以最小化到系统…...

编程新知 2025/10/4 20:58:43

Docker 本地安装 mysql 数据库

Docker: Accelerated Container Application Development 下载对应操作系统版本的 docker &#xff1b;并安装。 基础操作不再赘述。 打开 macOS 终端&#xff0c;开始 docker 安装mysql之旅 第一步 docker search mysql 》〉docker search mysql NAME DE…...

编程新知 2025/12/29 6:11:45

LangChain知识库管理后端接口：数据库操作详解—— 构建本地知识库系统的基础《二》

这段 Python 代码是一个完整的 知识库数据库操作模块&#xff0c;用于对本地知识库系统中的知识库进行增删改查&#xff08;CRUD&#xff09;操作。它基于 SQLAlchemy ORM 框架 和一个自定义的装饰器 with_session 实现数据库会话管理。 &#x1f4d8; 一、整体功能概述 该模块…...

编程新知 2025/11/26 18:23:29

Webpack性能优化：构建速度与体积优化策略

一、构建速度优化 1、​​升级Webpack和Node.js​​ ​​优化效果​​&#xff1a;Webpack 4比Webpack 3构建时间降低60%-98%。​​原因​​&#xff1a; V8引擎优化&#xff08;for of替代forEach、Map/Set替代Object&#xff09;。默认使用更快的md4哈希算法。AST直接从Loa…...

编程新知 2025/12/26 15:05:09