前言：因为现有项目一直用的都是node10的版本，所以导致在搭建vuepress-theme-hope的过程中踩了很多坑，最后才知道node10已经被弃用，只好又去装了nvm进行node的多版本管理。下面对整个流程进行详细的解析。

nvm安装

点击链接下载nvm for Windows

​​​​​​Releases · coreybutler/nvm-windows · GitHub

这里我们选择nvm-setup.zip安装包，下载之后点击安装，无需配置就可以使用，方便。

下载完成后直接解压后运行安装包

1）同意协议，下一步

2）选择nvm的本地安装目录，下一步

3）设置 Node.js的快捷方式存放的目录，在刚安装目录的盘里新建一个目录存放即可，下一步

4）点击Install-->Finish完成本次安装

因为我的电脑上之前装过nodejs，所以安装后会出现如下弹窗，询问是否允许nvm管理已下载的node版本，这里选择：是

安装完成后命令行输入nvm，如果出现nvm版本号和一系列帮助指令，则说明nvm安装成功

通过命令 nvm list  查看目前已经安装的版本和正在使用的版本

nvm的默认配置可能会导致npm下载失败，所以需修改nvm安装目录中的settings.txt文件，添加如下代码

node_mirror: https://npm.taobao.org/mirrors/node/

npm_mirror: https://npm.taobao.org/mirrors/npm/

最后就可以直接通过nvm install <版本号>命令来安装自己想要的版本

通过nvm use <版本号>命令来切换使用node版本

安装vuepress-theme-hope

按照官网的教程依次执行

小白教程 | vuepress-theme-hope

这里在安装yarn时我出现了安装后yarn不是内部或外部命令报错，原因是没有配置环境变量，只需在环境变量的系统变量里添加yarn的安装路径即可。如果你是按照官网进行yarn的全局安装的话，那么它可能会在你的C盘用户目录的node_modules里。

解决上述问题执行yarn create vuepress-theme-hope docs命令时我又报了如下错误（这图是我网上找的）

原因是我电脑的yarn目录和安装的模块不在相同的硬盘分区里导致的

通过yarn global bin命令查看yarn的目录

使用yarn global dir查看全局目录

因为我已经改过了所以我写上之前错误的

C:\Users\Administrator\AppData\Local\Yarn\Data\global

于是我们去修改 yarn的全局安装位置和缓存位置就可以了：

首先创建一个yarn的目录所在盘的目录文件，我这里随便起的yarnConfig以及目录里的两个目录yarn_global和yarn_cache，这两个目录名别改

yarn config set global-folder "E:\yarnConfig\yarn_global"
yarn config set cache-folder "E:\yarnConfig\yarn_cache"

执行完成后再去执行官网的yarn create vuepress-theme-hope docs命令就没有问题了

最后再贴上搭建时的配置选项

 全部完成后在浏览器输入http://localhost:8080就大功告成了！

最后，如果这篇文章对大家有所帮助的话，希望大家一键三连！红豆泥阿里嘎多！