从零配置Node.js Vuepress环境

内容总结

本文主要介绍从零开始配置Node.js和Vuepress的环境

1、安装Node.js，打开官网(http://nodejs.cn/)，点击下载相应系统的文件。（Windows / MacOs）

​

2、安装文件下载完成后，运行并点击下一步直至安装结束（期间安装的位置可自行选择）。

 

3、在终端（Windows cmd.exe，Macos 终端）执行指令   

npm -version

若无报错则已安装完成。

4、配置NPM淘宝镜像，终端内执行 

npm config set registry https://registry.npm.taobao.org

之后再执行

npm config get registry

查看是否正确设置

5、按Vuepress官方文档的案例，配置环境，VuePress官网（https://www.vuepress.cn/guide/getting-started.html#%E5%85%A8%E5%B1%80%E5%AE%89%E8%A3%85）

这里以全局配置为例，执行命令：

npm install -g vuepress

未报错的情况下正常情况是已经安装完成

6、搭建项目进行测试

终端进入某一个自己新建的文件夹后，依次执行下列命令（来自官方）

 

# 创建项目目录

mkdir vuepress-starter && cd vuepress-starter

# 新建一个 markdown 文件

echo '# Hello VuePress!' > README.md

# 开始写作
vuepress dev .

依次执行后，终端会显示http://localhost:8080的地址，这样我们的Vuepress项目就已经搭建好了。

如果是下载的某个VuePress项目，只需执行vuepress run dev即可