VuePress v2.0 项目创建
  oMrTi75dRHK7 2023年11月01日 107 0
Vue

VuePress v2.0 项目创建

参考:VuePress v2.0 文档

1.创建文件夹

我创建了一个文件夹,然后在文件夹中打开了powershell

E:\2023个人项目\terramours-starter

2.初始化项目

git init
pnpm init

image-1685328433018

3.运行创建命令

pnpm add -D vuepress@next @vuepress/client@next vue

image-1685328451549

构建后的文件夹中已有了初始文件

image-1685328465505

4.通过 VS Code打开项目

image-1685328476723

5.在 package.json 中添加一些 scripts

image-1685328488541

内容:

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

6.将默认的临时目录和缓存目录添加到 .gitignore 文件中

image-1685328502978

echo 'node_modules' >> .gitignore
echo '.temp' >> .gitignore
echo '.cache' >> .gitignore

7.创建你的第一篇文档

image-1685328515844

mkdir docs
echo '# Hello VuePress' > docs/README.md

8.在本地启动服务器来开发你的文档网站

pnpm docs:dev

本地站点:http://localhost:8080

当你修改你的 Markdown 文件时,浏览器中的内容也会自动更新。

image-1685328527788

注意:如果README.md乱码,可以删除了重新创建

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  lcVjeANnvFOi   11天前   32   0   0 Vue
oMrTi75dRHK7