安装/使用

vuepress官网

  • 新建项目

  • 快速初始化项目

yarn init -y
或者:npm init -y
1
2
  • 全局安装vuepress
yarn global add vuepress 
或者:npm install -g vuepress
1
2
  • 在项目中新建文件夹docs
mkdir docs
或者:直接在项目文件夹下右键--新建文件夹
1
2
  • 配置package.json文件
{
  "scripts": {
    "docs:dev": "vuepress dev docs", //本地开发
    "docs:build": "vuepress build docs" //打包
  }
}
1
2
3
4
5
6
  • 运行项目
yarn docs:dev
或者:npm run docs:dev
1
2

Tips:项目默认是8080端口,如果端口被占,可以通过.vuepress/config.jsport字段值进行修改

module.exports = {
    port: 8081
}
1
2
3
yarn docs:build # 或者:npm run docs:build
1

Tips:生产静态文件 一般默认会放在.vuepress/dist文件夹 也可以通过配置.vuepress/config.js中的dest字段来修改

Last Updated: 8/19/2019, 5:15:28 PM