使用vite创建项目

vite中文文档

兼容性注意 Vite 需要 Node.js 版本 >= 12.0.0

# 使用 npm
$ npm init vite@latest

# 使用 yarn
$ yarn create vite

# 使用 pnpm
$ pnpm dlx create-vite

使用npm创建的流程

# 进入 存放项目的目录
cd '目录’

# 使用 npm 创建 vite 项目
npm init vite@latest

# 填写项目名称，默认 vite-project
? Project name: › vite-project

# 选择使用的框架
? Select a framework: › - Use arrow-keys. Return to submit.
    vanilla
❯   vue
    react
    preact
    lit-element
    svelte

# 是否使用 ts
? Select a variant: › - Use arrow-keys. Return to submit.
    vue
❯   vue-ts

# 创建成功（！！！这里需要 npm install）
Done. Now run:

  cd shop_admin921
  npm install
  npm run dev

运行之后的页面

Vue3+vite+TS创建项目流程

使用vite创建项目