创建 Vue3.0 工程

目录

1. 使用vue-cli 创建

1. 使用 vite 创建

        1. vite简介

        2. vite 优势

        3. 传统构建 与 vite 构建对比图

        4. 使用 vite 创建 vue3工程的步骤

---

1. 使用vue-cli 创建

        1. 查看@vue-cli 版本，确保 @vue-cli 版本在 4.5.0以上

// 查看 vue-cli 版本命令
vue --version
vue -V

        2. 当版本不符合时，安装或更新@vue-cli

npm install -g @vue/cli

        3.创建项目

vue create vue_test

        4.进入项目并启动

// 进入项目
cd vue_test
// 启动项目
npm run serve

        5.创建成功图示

1. 使用 vite 创建

        1. vite简介

                新一代前端构建工具

        2. vite 优势

                1. 开发环境中，无需打包操作，可快速的冷启动

                2. 轻量快速得热重载（HMR）

                3. 真正得按需编译，不再等待整个应用编译完成

        3. 传统构建 与 vite 构建对比图

        4. 使用 vite 创建 vue3工程的步骤

                1. 创建工程

npm init vite-app <project-name>

                2.进入工程目录

cd <project-name>

                3. 安装依赖

npm install

                4. 运行

npm run dev