vuePress怎么使用 尽量的详细点
时间: 2023-08-01 15:11:38 浏览: 90
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
5星 · 资源好评率100%
VuePress 是一个静态站点生成器,它基于 Vue.js 和 Markdown。VuePress 具有简单易用、快速生成、功能丰富等特点,适用于个人博客、技术文档、API 文档等场景。
下面是使用 VuePress 的详细步骤:
1. 安装 VuePress
在终端中使用以下命令安装 VuePress:
```
npm install -g vuepress
```
2. 创建一个 VuePress 项目
在终端中使用以下命令创建一个 VuePress 项目:
```
mkdir my-project
cd my-project
npm init -y
```
3. 创建一个文档
在项目根目录中创建一个 docs 目录,并在该目录中创建一个 README.md 文件,作为你的第一篇文档。
```
mkdir docs
echo '# Hello VuePress' > docs/README.md
```
4. 创建一个配置文件
在项目根目录中创建一个 .vuepress 目录,并在该目录中创建一个 config.js 文件,用于配置 VuePress 的各项参数。
```
mkdir .vuepress
echo 'module.exports = {}' > .vuepress/config.js
```
5. 启动 VuePress
在终端中使用以下命令启动 VuePress:
```
vuepress dev
```
6. 访问文档
在浏览器中访问 http://localhost:8080/,你应该可以看到你的文档了。
以上就是使用 VuePress 的详细步骤。你可以根据自己的需求进行配置和定制,例如添加主题、插件、自定义样式等。希望对你有所帮助。
阅读全文