基于脚手架创建 Vue 项目的方式

这篇文章写于 2023-12-22，过期可能存在差异

vue-cli 创建 (webpack + vue2)

提示

在 vue3 没作为 vue 标签版本以前，一直是建议使用 vue-cli 初始化 vue 项目

安装 vue-cli

# 生成 vue 全局命令
npm install @vue/cli -g

使用 vue 命令创建项目

# my_app 是自定义项目目录, 目录名不能用驼峰
vue create my_app

create-vue 创建 (vite + vue2)

提示

在 vue2 向 vue3 过渡期间，产生了 vite， vue2 也能使用 vite 进行构建

npm create vue@legacy
# 等价于
npx create-vue@legacy
# 等价于
npm init vue@legacy

create-vue 创建 (vite + vue3)

提示

也就是当前 vue 官方默认的创建方式，注意下面的 @latest

npm create vue@latest
# 等价于
npx create-vue@latest
# 等价于
npm init vue@latest