mirror of
https://github.com/wahyd4/vuepress.git
synced 2026-08-17 01:05:51 +10:00
71 lines
1.8 KiB
Markdown
71 lines
1.8 KiB
Markdown
# 快速上手
|
|
|
|
::: warning 注意
|
|
请确保你的 Node.js 版本 >= 8。
|
|
:::
|
|
|
|
## 全局安装
|
|
|
|
如果你只是想尝试一下 VuePress,你可以全局安装它:
|
|
|
|
``` bash
|
|
# 安装
|
|
yarn global add vuepress # 或者:npm install -g vuepress
|
|
|
|
# 新建一个 markdown 文件
|
|
echo "# Hello VuePress!" > README.md
|
|
|
|
# 开始写作
|
|
vuepress dev .
|
|
|
|
# 构建静态文件
|
|
vuepress build .
|
|
```
|
|
|
|
## 现有项目
|
|
|
|
如果你想在一个现有项目中使用 VuePress,同时想要在该项目中管理文档,则应该将 VuePress 安装为本地依赖。作为本地依赖安装让你可以使用持续集成工具,或者一些其他服务(比如 Netlify)来帮助你在每次提交代码时自动部署。
|
|
|
|
``` bash
|
|
# 将 VuePress 作为一个本地依赖安装
|
|
yarn add -D vuepress # 或者:npm install -D vuepress
|
|
|
|
# 新建一个 docs 文件夹
|
|
mkdir docs
|
|
|
|
# 新建一个 markdown 文件
|
|
echo "# Hello VuePress!" > docs/README.md
|
|
|
|
# 开始写作
|
|
npx vuepress dev docs
|
|
```
|
|
|
|
::: warning
|
|
如果你的现有项目依赖了 webpack 3.x,推荐使用 [Yarn](https://yarnpkg.com/en/) 而不是 npm 来安装 VuePress。因为在这种情形下,npm 会生成错误的依赖树。
|
|
:::
|
|
|
|
接着,在 `package.json` 里加一些脚本:
|
|
|
|
``` json
|
|
{
|
|
"scripts": {
|
|
"docs:dev": "vuepress dev docs",
|
|
"docs:build": "vuepress build docs"
|
|
}
|
|
}
|
|
```
|
|
|
|
然后就可以开始写作了:
|
|
|
|
``` bash
|
|
yarn docs:dev # 或者:npm run docs:dev
|
|
```
|
|
|
|
要生成静态的 HTML 文件,运行:
|
|
|
|
``` bash
|
|
yarn docs:build # 或者:npm run docs:build
|
|
```
|
|
|
|
默认情况下,文件将会被生成在 `.vuepress/dist`,当然,你也可以通过 `.vuepress/config.js` 中的 `dest` 字段来修改,生成的文件可以部署到任意的静态文件服务器上,参考 [部署](./deploy.md) 来了解更多。
|