範本

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


Vanilla-JS in Vite BETA

使用 --pure 參數來建立 vite 的純 js 專案。

npm init vitawind@latest {專案名稱} -- --pure
1

建立專案之後,你需要做:

cd {專案名稱}
npm install
npm run dev
1
2
3

Vue in Vite

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

npm init vitawind@latest {專案名稱} -- --vue
1

建立專案之後,你需要做:

cd {專案名稱}
npm install
npm run dev
1
2
3

Typescript for Vue

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


React in Vite

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

npm init vitawind@latest {專案名稱} -- --react
1

建立專案之後,你需要做:

cd {專案名稱}
npm install
npm run dev
1
2
3

Typescript for React

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


Vue-CLI

使用 --vuecli 參數來建立 Vue-CLI 4 的 Vue 3 專案。

npm init vitawind@latest {專案名稱} -- --vuecli
1

建立專案之後,你需要做:

cd {專案名稱}
npm install
npm run serve
1
2
3

Vue-CLI 5 BETA

Vue-CLI 5 是基於 postcss 8 來建置 CSS,比 Vue-CLI 4 更適合用來進行 Tailwind CSS 的相關開發。 若要建立 Vue-CLI 5 的 Vue 3 專案,請使用 --vuecli5 參數。


Create React App

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

npm init vitawind@latest {專案名稱} -- --cra
1

建立專案之後,你需要做:

cd {專案名稱}
npm install
npm start
1
2
3

Angular

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

npm init vitawind@latest {專案名稱} -- --vue
1

建立專案之後,你需要做:

cd {專案名稱}
npm install
npm start
1
2
3