01 使用Vite构建Vue项目

合集 - Vue 入门(3)

1.01 使用Vite构建Vue项目2024-10-08

2.02 Vue默认项目2024-10-083.03 Vue修改浏览器显示图标及标题2024-10-17

收起

1.创建项目

pnpm create vite

// 1. 根据提示填写项目名称
// 2. 选择Vue框架
// 3. 选择TypeScript语言

2.安装项目依赖

// cd 进入项目路径
pnpm install
// 或
// pnpm i

3.运行项目

pnpm run dev

4.设置默认打开

打开package.json，在dev：vite后添加 --open

  "scripts": {
    "dev": "vite --open",
    "build": "vue-tsc -b && vite build",
    "preview": "vite preview"
  },