【文件属性】:
文件名称:tailwind-vite:一个带有Tailwind CSS和Vite的简单HTML入门软件,用于开发和生产
文件大小:27KB
文件格式:ZIP
更新时间:2021-05-03 01:36:31
HTML
带有Vite的Tailwind HTML Starter
描述
使用和创建页面和UI组件。 基于
使用前端构建工具的单页HTML开发工作流将为我们处理顺风顺水,并为我们提供了一个实时服务器,该服务器将在每次进行更改时刷新。
关于
使用前端构建工具的单页HTML开发工作流将为我们处理顺风顺水,并为我们提供了一个实时服务器,该服务器将在每次进行更改时刷新。 然后,构建脚本将清除CSS并将其最小化以进行生产。
你会需要
要开始使用,您需要:
开始使用
下载仓库
在VS Code中打开文件夹
打开VS代码“终端”
通过运行安装依赖npm install -D tailwindcss postcss autoprefixer vite
运行'dev'脚本
转到本地主机以查看开发服务器
根据需要编辑文件
运行“ build”脚本以使用生产文件创建“ dist”文件夹。 清除并缩小了CSS文件。
附
【文件预览】:
tailwind-vite-main
----css()
--------tailwind.css(96B)
----package.json(357B)
----index.html(2KB)
----LICENSE(34KB)
----package-lock.json(28KB)
----dist()
--------assets()
--------index.html(2KB)
----tailwind.config.js(168B)
----README.md(2KB)
----postcss.config.js(82B)