克隆项目
这里必须克隆项目,不能只是下载最新的代码,构建里面会用到git命令
git clone https://github.com/vuetifyjs/vuetify.git
参考贡献文档描述
Contributing — Vuetify (vuetifyjs.com)
Navigate to the vuetify folder
# 进入项目
cd vuetify
# 安装依赖
yarn
# 安装依赖
yarn build vuetify
yarn build api
# 启动http服务查看阅读文档
yarn dev docs
构建前端html项目
上面命令执行成功之后在项目的根目录下
复制整个文件夹 node_modules\vuetify 到 \vuetify\packages
这么做的目的是,前者是我们安装的依赖,是从npm镜像仓库拉取下来的,后者是执行构建产生的包,但是这个包还只是nodejs前端项目包,我们需要替换下。然后在在docs项目目录上执行 构建
cd vuetify\packages\docs
yarn build
执行成功之后,包在 dist目录下,放在caddy或者nginx 等其他web服务器里可以正常访问使用。