vitawind v2

範本

預建構好 Tailwind CSS v3 的範本可以幫你輕鬆又快速的建立開發環境。

全部可用範本列表：

Vite:

CLI:

Vite

Vanilla-JS in Vite BETA

使用 --pure 來建立 vite 的原生 js 專案。

npm init vitawind {project-name} -- --pure

建立專案之後，你需要做：

cd {project-name}
npm install
npm run dev

Vue in Vite

使用 --vue 參數來建立 vite 的 vue 專案。

npm init vitawind {project-name} -- --vue

建立專案之後，你需要做：

cd {project-name}
npm install
npm run dev

Typescript for Vue

若要建立加入 typescript 的 vite vue 專案，請使用 --vue-ts 參數。

React in Vite

使用 --react 參數來建立 vite 的 react 專案。

npm init vitawind {project-name} -- --react

建立專案之後，你需要做：

cd {project-name}
npm install
npm run dev

Typescript for React

若要建立加入 typescript 的 vite react 專案，請使用 --react-ts 參數。

CLI

Create React App

使用 --cra 參數來建立 Create React App 專案。

npm init vitawind {project-name} -- --cra

建立專案之後，你需要做：

cd {project-name}
npm install
npm start

Angular

使用 --ng 參數來建立 Angular 12 專案。

npm init vitawind {project-name} -- --ng

建立專案之後，你需要做：

cd {project-name}
npm install
npm start