VuePress v2.0 项目创建
2023/5/30 18:22:11
本文主要是介绍VuePress v2.0 项目创建,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
VuePress v2.0 项目创建
参考:VuePress v2.0 文档
1.创建文件夹
我创建了一个文件夹,然后在文件夹中打开了powershell
E:\2023个人项目\terramours-starter
2.初始化项目
git init pnpm init
3.运行创建命令
pnpm add -D vuepress@next @vuepress/client@next vue
构建后的文件夹中已有了初始文件
4.通过 VS Code打开项目
5.在 package.json 中添加一些 scripts
内容:
{ "scripts": { "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs" } }
6.将默认的临时目录和缓存目录添加到 .gitignore 文件中
echo 'node_modules' >> .gitignore echo '.temp' >> .gitignore echo '.cache' >> .gitignore
7.创建你的第一篇文档
mkdir docs echo '# Hello VuePress' > docs/README.md
8.在本地启动服务器来开发你的文档网站
pnpm docs:dev
本地站点:http://localhost:8080
当你修改你的 Markdown 文件时,浏览器中的内容也会自动更新。
注意:如果README.md乱码,可以删除了重新创建
这篇关于VuePress v2.0 项目创建的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set
- 2024-03-01react native uuid
- 2024-02-29vuejs sidebar
- 2024-02-29nodejs install ubuntu 20.04
- 2024-02-27vue-cli-service is not recognized