範本
預建構 Tailwind CSS jit 模式的範本可以幫你輕鬆又快速的建立開發環境。
BETA
Vanilla-JS in Vite使用 --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
BETA
Vue-CLI 5Vue-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