@deppon/create-deppon-app

Vue 3 项目脚手架工具

安装

@deppon/create-deppon-app 已发布到 npm 官方仓库，可直接使用：

# 使用 npm create
npm create @deppon/deppon-app my-app

# 或使用 npx（确保使用最新版本）
npx @deppon/create-deppon-app@latest my-app

# 或全局安装后使用
npm install -g @deppon/create-deppon-app@latest
create-deppon-app my-app

关于缓存说明：

• npm create @deppon/deppon-app 会使用 npm 的缓存机制，如果之前下载过旧版本，可能会使用缓存的版本
• npx @deppon/create-deppon-app@latest 明确指定 @latest 标签，会强制获取最新版本，避免缓存问题
• 如果使用 npm create 时遇到版本不是最新的情况，可以清除缓存后重试：

# 清除 npm 缓存
npm cache clean --force

# 然后重新创建项目
npm create @deppon/deppon-app my-app

创建的项目包含：

• Vue 3 + TypeScript 基础配置
• 计数器示例组件
• 待办事项示例组件
• 完整的样式示例

安装依赖

项目创建完成后，进入项目目录并安装依赖：

cd my-app
npm install
# 或使用 yarn
yarn install

FAQ

既然是新项目为什么不选择更成熟的 vue-cli 或 vite 这类脚手架呢？ @deppon/create-deppon-app 优势在哪？

vue-cli 是 Vue 官方团队出品的脚手架，其经过数年的版本迭代已经很成熟了。

@deppon/create-deppon-app 是在 vue-cli 的基础上，扩展了许多更友善的配置（通过配置文件设置），并且兼容老系统的项目 webpack 4.0 版本，统一配置，集中管理插件，依赖等信息，在技术规范统一方面也有很大的优势。

vite 是通过 esbuild rollup 等工具组成的一套全新的脚手架系统，因为是直接运行 es module 文件，在编译速度上有着极大的优势，但是对老项目的更新也是破坏性的，而且 vite 整体来说，还不如 webpack 成熟。为了线上运行的稳定性，我们可以牺牲部分开发构建效率（0.x 秒）。