VuePress

VuePress

一、部署

• 创建项目文件夹

  在任意目录下创建文件夹mydocs

  注：路径中不要包含中文

• 安装VuePress

  npm install vuepress
  

  注：如需全局安装，请执行npm install -g vuepress

• 初始化项目

  在项目文件夹下打开命令行，执行

  npm init -y
  

• 创建必要的目录

  mydocs
  ├─── docs
  │   ├── README.md
  │   └── .vuepress
  └── package.json
  

  注：一定要有README.md，该文件是项目首页，如果没有，启动后项目首页会显示404

• 增加启动命令

  package.json中加入如下内容

  {
      "scripts": {
          "docs:dev": "vuepress dev docs",
          "docs:build": "vuepress build docs",
      }
  }
  

• 启动

  执行npm run docs:dev

  启动过程中可能会报如下错误

  执行npm install vue-template-compiler安装该模块即可

  

常见问题

1. 本地打包后预览样式丢失

参考网站：https://www.jianshu.com/p/f9b9edd210f8