Skip to content

环境说明

兼容性注意

Vite 需要 Node.js 版本 14.18+,16+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。

如果访问速度慢、切换镜像源

镜像地址

bash
腾讯云
npm config set registry http://mirrors.cloud.tencent.com/npm/ 
华为云
npm config set registry https://mirrors.huaweicloud.com/repository/npm/ 
淘宝
npm config set registry https://registry.npmmirror.com
管理工具
npm i nrm -g
腾讯云
npm config set registry http://mirrors.cloud.tencent.com/npm/ 
华为云
npm config set registry https://mirrors.huaweicloud.com/repository/npm/ 
淘宝
npm config set registry https://registry.npmmirror.com
管理工具
npm i nrm -g

搭建Vite项目

shell
# npm 6.x
npm create vite@latest my-vue-app --template vue

# npm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue

# pnpm
pnpm create vite my-vue-app --template vue
# npm 6.x
npm create vite@latest my-vue-app --template vue

# npm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue

# pnpm
pnpm create vite my-vue-app --template vue

搭建过程遇到疑问,请看Vite官网详细描述

安装框架

我推荐您使用包管理器(如 NPM、Yarn 或 pnpm)安装核心基础框架,然后您就可以使用打包工具,例如 Vite 或 webpack。

shell
pnpm i vue-bag-admin --save
pnpm i vue-bag-admin --save

由于该框架基于Naive Ui,Pinia,Vue-Router,所以你需要安装它

shell
pnpm i naive-ui pinia vue-router --save
pnpm i naive-ui pinia vue-router --save

源码开发

GitHub下载最新代码

不推荐此模式开发,这样作者修改的代码不能跟你同步