Technology Stack Selection

Vue vite typescript scss (CSR)

Vue Electron typescript scss (CSR Electron)

Vue Nuxt typescript scss (SSG SSR)

uni-app vue typescript scss

react vite typescript scss (CSR)

react Next typescript scss Tailwind CSS (SSR)

CSR

• Vue vite typescript scss (CSR)

  • 创建命令: bash bun create vite

  • 来源 vite.dev 官网

SSG & SSR

• Vue Nuxt typescript scss (SSG SSR)

• 创建命令: bash bun create vite or bun create nuxt@latest <project-name>

• 来源 nuxt.com 官网

Vue Electron typescript scss (CSR Electron)

• 创建命令: bash npx create-electron-app@latest my-new-app --template=vite-typescript

• 来源 electronforge.io 官网

uni-app vue typescript scss

• 创建命令: bash npx degit dcloudio/uni-preset-vue#vite-ts <project_name>

• 来源 uniapp 官网

CSR

• react vite typescript scss (CSR)

  • 创建命令: bash bun create vite

    • 来源 vite.dev 官网

SSR -react

• react Next typescript scss Tailwind CSS (SSR)

  • 创建命令: bash bun add next@latest react@latest react-dom@latest

    • 来源 nextjs.org 官网

react Electron typescript scss Tailwind CSS

• 创建命令: bash npx create-electron-app@latest my-new-app --template=vite-typescript

• 来源 electronforge.io 官网