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

vue2中使用tailwindCss 详细教程

news 2026/2/10 11:01:07

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#从零开始，快则三年不到，慢则一辈子不会

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

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

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

文章目录前言1. 二叉树链式结构的意义2. 手搓一棵二叉树3. 二叉树的遍历（重要）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 作用：设置控件是否可使用. true 表⽰可用, false 表⽰禁用. 对应的API bool isEnabled(); // 获…...

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

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

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

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

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

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

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

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

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

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

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

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

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

Ubuntu NFS 搭建及配置

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

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

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

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

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

秋招内推2025--招联金融

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

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

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

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

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

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

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

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

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

Python与SQL Server数据库结合导出Excel并做部分修改需求：在数据库中提取需要的字段内容；并根据字段内容来提取与拆分数据做为新的列最后导出到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可参考，IIC，SPI,UART可参考烧录程序中常听到的一句话就是USB转TTL，但严格来说算是USB传输数据的协议转换成TTL（Transistor-Transistor Logic）协议传输数据。首先，usb是常见…...

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

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

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

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

Vue.js基础

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

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

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

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

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

JavaScript 中的事件模型

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

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

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

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

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

C++_核心编程_多态案例二-制作饮品

#include <iostream> #include <string> using namespace std;/*制作饮品的大致流程为：煮水 - 冲泡 - 倒入杯中 - 加入辅料利用多态技术实现本案例，提供抽象制作饮品基类，提供子类制作咖啡和茶叶*//*基类*/ class AbstractDr…...

编程新知 2026/2/8 20:42:55

【Linux】shell脚本忽略错误继续执行

在 shell 脚本中，可以使用 set -e 命令来设置脚本在遇到错误时退出执行。如果你希望脚本忽略错误并继续执行，可以在脚本开头添加 set e 命令来取消该设置。举例1 #!/bin/bash# 取消 set -e 的设置 set e# 执行命令，并忽略错误 rm somefile…...

编程新知 2025/9/11 15:27:32

Qt/C++开发监控GB28181系统/取流协议/同时支持udp/tcp被动/tcp主动

一、前言说明在2011版本的gb28181协议中，拉取视频流只要求udp方式，从2016开始要求新增支持tcp被动和tcp主动两种方式，udp理论上会丢包的，所以实际使用过程可能会出现画面花屏的情况，而tcp肯定不丢包，起码…...

编程新知 2026/2/5 4:23:49

简易版抽奖活动的设计技术方案

1.前言本技术方案旨在设计一套完整且可靠的抽奖活动逻辑，确保抽奖活动能够公平、公正、公开地进行，同时满足高并发访问、数据安全存储与高效处理等需求，为用户提供流畅的抽奖体验，助力业务顺利开展。本方案将涵盖抽奖活动的整体架构设计、核心流程逻辑、关键功能实现以及…...

编程新知 2026/2/7 17:41:40

JVM垃圾回收机制全解析

Java虚拟机（JVM）中的垃圾收集器（Garbage Collector，简称GC）是用于自动管理内存的机制。它负责识别和清除不再被程序使用的对象，从而释放内存空间，避免内存泄漏和内存溢出等问题。垃圾收集器在Ja…...

编程新知 2026/1/9 14:53:35

基于当前项目通过npm包形式暴露公共组件

1.package.sjon文件配置其中xh-flowable就是暴露出去的npm包名 2.创建tpyes文件夹，并新增内容 3.创建package文件夹...

编程新知 2026/2/1 21:58:45

oracle与MySQL数据库之间数据同步的技术要点

Oracle与MySQL数据库之间的数据同步是一个涉及多个技术要点的复杂任务。由于Oracle和MySQL的架构差异，它们的数据同步要求既要保持数据的准确性和一致性，又要处理好性能问题。以下是一些主要的技术要点： 数据结构差异数据类型差异&#xff…...

编程新知 2026/1/11 0:40:53

在WSL2的Ubuntu镜像中安装Docker

Docker官网链接: https://docs.docker.com/engine/install/ubuntu/ 1、运行以下命令卸载所有冲突的软件包： for pkg in docker.io docker-doc docker-compose docker-compose-v2 podman-docker containerd runc; do sudo apt-get remove $pkg; done2、设置Docker…...

编程新知 2026/2/4 16:23:56

【碎碎念】宝可梦 Mesh GO : 基于MESH网络的口袋妖怪宝可梦GO游戏自组网系统

目录游戏说明《宝可梦 Mesh GO》 —— 局域宝可梦探索Pokmon GO 类游戏核心理念应用场景Mesh 特性宝可梦玩法融合设计游戏构想要素1. 地图探索（基于物理空间广播范围）2. 野生宝可梦生成与广播3. 对战系统4. 道具与通信5. 延伸玩法安全性设计技术选…...

编程新知 2025/12/12 6:01:17

QT3D学习笔记——圆台、圆锥

类名作用Qt3DWindow3D渲染窗口容器QEntity场景中的实体（对象或容器）QCamera控制观察视角QPointLight点光源QConeMesh圆锥几何网格QTransform控制实体的位置/旋转/缩放QPhongMaterialPhong光照材质（定义颜色、反光等）QFirstPersonC…...

编程新知 2026/1/29 5:26:37

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

2、先安装：npm install -D tailwindcss

3、初始化文件—npx tailwindcss init

4、创建tailwindcss文件

相关文章：