🚀 快速开始
开发环境
vue3-vant-mobile
使用 Vite 作为前端构建工具,使用 pnpm 作为包管理器,两者能够显著提升前端开发体验。 在最新的 Vite
版本当中,要求 Node.js 版本 18+
或 20+
(推荐优先安装长期维护 LTS
版), pnpm
版本应不小于 v9
。
如果您还没有安装 pnpm
,请执行下面的命令进行安装。
bash
npm install -g pnpm
安装完成以后,我们建议您更换为国内的镜像源。
bash
npm config set registry https://registry.npmmirror.com
拉取代码
我们提供了以下几种方式拉取代码。
Github 模板
这种方式是你希望使用 GitHub 作为代码仓库的时候使用。
本地克隆
如果您喜欢使用更干净的 git
历史记录,请执行下面的操作。
bash
npx tiged easy-temps/vue3-vant-mobile my-mobile-app
cd my-mobile-app
接下来,安装项目依赖。
bash
pnpm install
本地开发
项目启动
只需运行并访问 http://localhost:3000
bash
pnpm dev
生产构建
要构建打包,请运行
bash
pnpm build
你将会在 dist
目录中看到生成的文件,它已经可以被使用了。
生产预览
想要预览打包后的文件,请运行
bash
pnpm preview