头部背景图片
小畅的学习笔记 |
小畅的学习笔记 |

VuePress-项目搭建过程

搭建参考文档:
https://segmentfault.com/a/1190000017055963
https://blog.csdn.net/weixin_39157014/article/details/110423784

一、安装yarn

1、安装

npm i -g -yarn

Image1.png

2、测试是否安装成功

yarn --version

Image2.png

解决方法:设置环境变量,“控制面板“-”系统和安全“-“系统”-“高级系统设置”-“高级”-“环境变量”

Image3.png

Image4.png

设置完环境变量,重启VScode就可以显示yarn版本了

Image5.png

3、安装依赖 如vuecli

yarn global add @vue/cli

Image6.png

4、Yarn 淘宝源安装

yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

Image7.png

二、安装vuePress

1、将 VuePress 安装为本地依赖

我们已经不再推荐全局安装 VuePress

yarn add -D vuepress

Image8.png

2、在本地启动服务器

yarn docs:dev # npm run docs:dev

Image9.png

Image10.png

点击链接打开网页,开始进行网页编辑

Image11.png

Lililich's Blog