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

vue2中使用tailwindCss 详细教程

news 2026/3/28 12:25:16

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

独立开发者福音：Pixel Fashion Atelier镜像免配置+预设Prompt快速上手指南

独立开发者福音&#xff1a;Pixel Fashion Atelier镜像免配置预设Prompt快速上手指南 1. 为什么选择Pixel Fashion Atelier 如果你是一位独立游戏开发者或像素艺术爱好者&#xff0c;一定遇到过这样的困扰&#xff1a;想要快速生成高质量的像素风格时装素材&#xff0c;却苦于…...

编程新知 2026/3/28 11:05:15

3大技巧：如何让旧Mac免费升级到最新macOS系统的完整方案

3大技巧&#xff1a;如何让旧Mac免费升级到最新macOS系统的完整方案 【免费下载链接】OpenCore-Legacy-Patcher 体验与之前一样的macOS 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 你是否有一台2012-2015年的旧款Mac&#xff0c;看着朋…...

编程新知 2026/3/28 9:34:25

零代码玩转珞石机械臂：用图形化编程实现咖啡拉花全流程（附配置文件）

零代码玩转珞石机械臂&#xff1a;用图形化编程实现咖啡拉花全流程&#xff08;附配置文件&#xff09; 在精品咖啡文化蓬勃发展的今天&#xff0c;一杯带有精美拉花的拿铁不仅能提升产品附加值&#xff0c;更能为顾客创造独特的消费体验。但对于大多数独立咖啡店主而言&#…...

编程新知 2026/3/28 8:51:58

Qwen-Image-2512实现Python爬虫数据自动化处理：电商图片批量生成方案

Qwen-Image-2512实现Python爬虫数据自动化处理&#xff1a;电商图片批量生成方案 1. 引言 如果你是做电商的&#xff0c;或者负责过电商运营&#xff0c;肯定遇到过这个头疼的问题&#xff1a;上架一个新商品&#xff0c;或者给一批老商品换季上新&#xff0c;需要准备大量的…...

编程新知 2026/3/28 7:12:56

阿里图标库（Iconfont）的本地引入 详细步骤

阿里图标库&#xff08;Iconfont&#xff09;本地引入 Vue3 详细步骤&#xff08;文字版&#xff09; 一、准备工作 登录 Iconfont 官网 访问 Iconfont 官网&#xff0c;使用账号登录&#xff08;若无账号需注册&#xff09;。 选择图标并加入项目 在搜索框输入关键词&#x…...

编程新知 2026/3/28 6:00:24

Phi-3-mini-128k-instruct实战案例：中小企业技术文档自动解析与结构化提取

Phi-3-mini-128k-instruct实战案例&#xff1a;中小企业技术文档自动解析与结构化提取 1. 项目背景与价值 对于中小企业而言&#xff0c;技术文档管理一直是个令人头疼的问题。工程师们经常需要从大量PDF、Word文档中提取关键信息&#xff0c;手动整理成结构化数据。这个过程…...

编程新知 2026/3/28 5:40:06

B站视频下载终极指南：DownKyi高效工具完整使用教程

B站视频下载终极指南&#xff1a;DownKyi高效工具完整使用教程 【免费下载链接】downkyi 哔哩下载姬downkyi&#xff0c;哔哩哔哩网站视频下载工具&#xff0c;支持批量下载&#xff0c;支持8K、HDR、杜比视界&#xff0c;提供工具箱&#xff08;音视频提取、去水印等&#xff…...

编程新知 2026/3/28 5:14:01

Ubuntu常用的命令

ls -l # 输出当前文件夹下的所有文件的权限大小信息 ls -l 文件名 # 输出当前文件的权限大小信息 du -sh # 查看文件夹下所有文件的大小总和 df -h # 查看当前文件系统各分区的大小 hdparm -Tt /dev/sda1 # 查看分区磁盘的速度 ls -l | grep "^-" | wc -l # 当前目…...

编程新知 2026/3/28 5:04:31

Windows下Go-FastDFS对象存储系统：从零搭建到可视化管理的完整指南

1. Go-FastDFS简介与核心优势 Go-FastDFS是一个基于HTTP协议的轻量级分布式文件存储系统&#xff0c;特别适合中小型项目快速搭建文件存储服务。我第一次接触这个系统是在2019年&#xff0c;当时需要一个简单易用的文件存储方案来支撑公司内部的文件共享需求。经过对比多个方案…...

编程新知 2026/3/28 3:41:36

AI编程实战：如何用Cursor和Coze在1小时内完成文生图小程序开发

AI编程实战&#xff1a;如何用Cursor和Coze在1小时内完成文生图小程序开发 当产品灵感突然闪现&#xff0c;如何在最短时间内将它变成可交互的原型&#xff1f;传统开发流程中&#xff0c;从UI设计到API对接至少需要数天时间。而现在&#xff0c;借助AI编程工具链&#xff0c;我…...

编程新知 2026/3/28 3:33:29