create-deppon-app

create-deppon-app

德邦前端项目脚手架工具

安装

可以通过以下两种方式快速创建一个新的 Vue 3 + TypeScript 示例项目：

# 方式一：使用 npm create（推荐）
npm create deppon-app my-app

# 方式二：使用 npx（确保使用最新版本）
npx create-deppon-app@latest my-app

关于缓存说明：

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

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

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

创建的项目包含：

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

安装依赖

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

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

注意： 如果使用 yarn 时遇到证书过期错误，请检查系统时间是否正确，或使用 npm 安装依赖。

项目默认包含示例代码，帮助您快速了解 Vue 3 + TypeScript 的使用方式。后续可以考虑加入内置路由，状态管理，甚至基本登录/首页菜单页面等通用功能，在对于 B 端系统开发上，会极大的增加前期项目准备效率上。

FAQ

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

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

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

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