创建 Vue3 工程

使用 vue-cli 创建

1
2
3
4
5
6
7
8
## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上
vue --version

## 安装或者升级你的@vue/cli
npm instal1 -g @vue/cli

## 创建
vue create vue_test

使用 vite 安装

  1. vite 同 webpack,是一款打包工具。

  2. 官网:https://vitejs.cn

  3. 开发环境中,无需打包操作,可快速的冷启动。

  4. 轻量快速的热重载(HMR)。

  5. 真正的按需编译,不再等待整个应用编译完成。

  6. 创建工程

    1
    2
    3
    4
    5
    6
    7
    8
    ## 创建工程
    npm init vite-app <project>
    ## 进入工程目录
    cd <project>
    ## 安装依赖
    npm i
    ## 运行
    npm run dev