前言

在我最近打算部署详细部署vuepress-theme-reco的时候，发现网上好多的教程已经不适应了，于是我打算写这样一篇教程 reco 主题

准备工作

• 准备一个 github 账号
• 安装 git
• 安装 VSCode
• 安装最新版本的 node.js

安装这三个工具的教程详见点击查看（此文章的前部分）

务必确保你的node.js版本是最新版本，本教程对node.js的版本要求较高

• 充满“魔法”的网络，后续不再强调
• 还有一个灵活的大脑（doge）

初始化项目

1. 新建一个文件夹，例如D:\A，并在VSCode里打开这个文件夹
2. 使用Ctrl+~快捷键打开终端
3. 输入命令来初始化项目

npx @vuepress-reco/theme-cli init B

4. 按照提示填写完信息，这里就选择2.x版本了
   

   

5. 此时你会在目录下看到一个名为B的文件夹，就说明安装成功了

本地化预览

在D:\A\B.vuepress\config.ts文件里，将原来的theme后的语句改为如图的，注意缩进！

theme: recoTheme({
  locales: {
    '/': {
      lang: 'zh-CN'
    }
  },

然后再在终端输入npm run dev就可以实现本地化预览了

后续工作

完成上述工作后，它会给你一个默认的界面，如果想要更高程度的自定义可以查看主题官网以及vuepress 中文网