# 环境搭建

# Windows

1.安装 git

安装包一路 next 即可，在桌面上右键出现 git bash here 或命令行中输入 git --version 能够得到具体的版本信息则安装成功。

2.安装 nodejs

安装包同样一路 next 即可，在命令行输入 node -v ，若得到具体版本信息则安装成功。

3.安装 vuepress 选择后者 npm 安装

# 全局安装
yarn global add vuepress@next # 或者：npm install -g vuepress@next

# 本地安装
yarn add -D vuepress@next # 或者：npm install -D vuepress@next

# 创建博客项目

1.创建目录

mkdir vuepress
cd vuepress

2.初始化

yarn init -y # 或者 npm init -y

项目结构

vuepress
├─── docs       //docs文件夹作为项目文档根目录，主要放置Markdown类型的文章和.vuepress文件夹
│   ├── README.md //首页
│   └── .vuepress
│       ├── public  // 此文件夹主要放静态资源文件
│       └── config.js // 博客各种配置
└── package.json  // 项目 npm 配置

3.设置 package.json

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

4.启动

根目录执行

yarn docs:dev # 或者：npm run docs:dev

要生成静态的 HTML 文件，运行：

yarn docs:build # 或者：npm run docs:build

默认情况下，文件将会被生成在 .vuepress/dist，当然，你也可以通过 .vuepress/config.js 中的 dest 字段来修改，生成的文件可以部署到任意的静态文件服务器上