Vuepress

搭建项目

1. 创建项目文件夹

mkdir vuepress-demo && cd vuepress-demo

2. 初始化项目（这里我们使用 yarn 命令）

yarn init

3. 将 VuePress 安装为本地依赖

yarn add -D vuepress

4. 查看当前项目目录

├── node_modules 
│ 
│── package.json
│
└── yarn.lock

注意

我创建的项目只有最基本的内容，其他的项目文件都需要自己手动创建，接下来我们创建项目中一些常用的文件夹

5. 创建 docs 文件夹

mkdir docs && cd docs

6. 在 docs 文件夹中创建 .vuepress 文件价 和 README.md 文件

mkdir docs && echo '# Hello VuePress' > docs/README.md

注意

对于某写电脑可能手动创建 .vueperss 文件价时会出现问题，这时就需要用此命令来创建

7. 在 package.json 中配置 scripts,

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

8. 启动项目

yarn run:dev

9. 在浏览器输入 http://localhost:8080 (opens new window) 就能访问到当前项目了

10. 当前目录

├── docs 
│    ├── .vuepress
│    ├── README.md
│ 
├── node_modules 
│ 
│── package.json
│
└── yarn.lock