EasyWind

是什么

EasyWind 是一个 CLI，旨在为静态网站提供最简单的方式开始使用 TailwindCSS。

EasyWind 是一个 tailwind 项目生成器、tailwind 编译器/监视器 和一个 实时预览服务器。

使用 EasyWind，您不需要其他任何东西，无需下载 brew、node 或独立的 Tailwind CLI。如果您没有 node，EasyWind 会下载 tailwind cli 并使用它。

要开始使用，您只需要两个命令

# initialize a new project, with index.html and tailwind.config.js
easywind init new-project

# cd into the new project
cd new-project

# start a livereload server and a tailwind watcher in the same process
easywind start . --open

谁

如果您已经使用 Tailwind 与 Next.js 或其他前端或后端框架，您可能不需要 EasyWind。

EasyWind 旨在为 HTML/CSS 新手和只想简单制作静态网站的人设计，无需任何花哨的框架。

安装

使用 homebrew 安装（mac 和 linux）

brewinstall avencera/tap/easywind

或者

从 GitHub 发布版安装

curl -LSfshttps://avencera.github.io/easywind/install.sh | sh -s ----git avencera/easywind

或者

使用 yarn 安装

yarn global add easywind

或者

使用 npm 安装

npm i-g easywind

或者

从 crates.io 安装（如果您已经安装了 Rust）

cargoinstall easywind_cli

或者

直接从 GitHub 下载版本：github.com/avencera/easywind/releases

使用方法

您只需要两个命令即可开始（没有依赖项，甚至没有 node 或 tailwind cli）

easywind init mywebsite 将在一个新目录中创建一个项目，包含一个 tailwind.config.js 文件和一个 index.html 文件。

注意： 如果您系统中没有 node，此命令还会下载 独立的 tailwindcss CLI。

easywind start mywebsite --open 将启动 tailwind 监视器和实时预览服务器

https://github.com/avencera/easywind/assets/1775346/e2b55eec-8875-412e-9324-7e65e6d7086e

easywind init

Initialize a new project

Usage: easywind init <PROJECT_NAME>

Arguments:
  <PROJECT_NAME>
          Name of the project to initialize
          
          This will be used to create a directory with the same name (usage: easywind init portfolio)

Options:
  -h, --help
          Print help (see a summary with '-h')

easywind start

Start the server and tailwind watcher

Usage: easywind start [OPTIONS] [ROOT_DIR]

Arguments:
  [ROOT_DIR]  [default: .]

Options:
  -p, --port <PORT>      Port the server shoud use, defaults to 3500 [default: 3500]
  -O, --open             Open in your browser
  -i, --input <INPUT>    Input css file to process
  -o, --output <OUTPUT>  Where you want the final CSS file to be written
  -h, --help             Print help

easywind serve

Run a live reloading server to serve content

Usage: easywind serve [OPTIONS] [ROOT_DIR]

Arguments:
  [ROOT_DIR]  [default: .]

Options:
  -p, --port <PORT>  Port the server shoud use, defaults to 3500 [default: 3500]
  -o, --open         Open in your browser
  -h, --help         Print help

easywind tailwind

Run the tailwind watcher that generates the CSS

Usage: easywind tailwind [OPTIONS] [ROOT_DIR]

Arguments:
  [ROOT_DIR]
          Path to the root directory of the project. This is where the `tailwind.config.js` file is located.
          
          Defaults to the current directory
          
          [default: .]

Options:
  -i, --input <INPUT>
          Input css file to process
          
          [default: src/app.css]

  -o, --output <OUTPUT>
          Where you want the final CSS file to be written
          
          [default: dist/app.css]

  -w, --watch
          Watch for changes in input CSS and recompile the output CSS

  -h, --help
          Print help (see a summary with '-h')