安装/使用
新建项目
快速初始化项目
yarn init -y
或者:npm init -y
1
2
2
- 全局安装
vuepress
yarn global add vuepress
或者:npm install -g vuepress
1
2
2
- 在项目中新建文件夹
docs
mkdir docs
或者:直接在项目文件夹下右键--新建文件夹
1
2
2
- 配置
package.json
文件
{
"scripts": {
"docs:dev": "vuepress dev docs", //本地开发
"docs:build": "vuepress build docs" //打包
}
}
1
2
3
4
5
6
2
3
4
5
6
- 运行项目
yarn docs:dev
或者:npm run docs:dev
1
2
2
Tips:项目默认是8080
端口,如果端口被占,可以通过.vuepress/config.js
中port
字段值进行修改
module.exports = {
port: 8081
}
1
2
3
2
3
yarn docs:build # 或者:npm run docs:build
1
Tips:生产静态文件 一般默认会放在.vuepress/dist
文件夹 也可以通过配置.vuepress/config.js
中的dest
字段来修改
项目完整目录 →