範本
預建構 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
2
3
Vue in Vite
使用 --vue 參數來建立 vite 的 vue 專案。
npm init vitawind@latest {專案名稱} -- --vue
1
建立專案之後，你需要做：
cd {專案名稱}
npm install
npm run dev
1
2
3
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
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
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
2
3
Angular
使用 --ng 參數來建立 Angular CLI 專案。
npm init vitawind@latest {專案名稱} -- --vue
1
建立專案之後，你需要做：
cd {專案名稱}
npm install
npm start
1
2
3
2
3