VuePress安装
# 前言
既然确定好了要用的框架,那么就要开始安装了。最好的安装教程在[官网](VuePress (vuejs.org) (opens new window)),我这里使用的是VuePress 1.x版本
下面是VuePress所需的Node版本一览表
Vuepress | Node.js |
---|---|
1.x | Node.js => 8.6 |
2.x | Node.js => 18.16.0 |
最好的(个人认为)Node管理工具nvm!(如有需要可以跳转到对应的Blog)帮你解决需要安装多版本的需求。
在使用VuePress之前需要确保你的电脑上有Node.js对应的版本。
# 安装VuePress
1.确认电脑上Node版本
node -v
1
2.创建并进入一个新目录
mkdir vuepress-starter && cd vuepress-starter
1
3.使用你喜欢的包管理器进行初始化
yarn init # npm init
1
4.将 VuePress 安装为本地依赖
yarn add -D vuepress # npm install -D vuepress
1
5.创建你的第一篇文档
mkdir docs && echo '# Hello VuePress' > docs/README.md
1
6.在 package.json
中添加一些 scripts
这一步骤是可选的,但我们推荐你完成它。在下文中,我们会默认这些 scripts 已经被添加。
{
"scripts": {
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
}
}
1
2
3
4
5
6
2
3
4
5
6
7.在本地启动服务器
yarn docs:dev # npm run docs:dev
1
VuePress 会在 http://localhost:8080 (opens new window) (opens new window)启动一个热重载的开发服务器。
现在就可以开始建立自己个人博客网站了。😗
但是这样只能获得一个白板框架,想要VuePress变得好看起来,还需要一个必不可少的东西(主题)。
上次更新: 2024/03/05, 11:20:55