首页 > 其他分享 >VuePress v2.0 项目创建

VuePress v2.0 项目创建

时间:2023-05-30 17:37:02浏览次数:44  
标签:创建 v2.0 echo VuePress docs gitignore

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乱码,可以删除了重新创建

标签:创建,v2.0,echo,VuePress,docs,gitignore
From: https://www.cnblogs.com/raok/p/17443840.html

相关文章

  • jquery 创建,追加,删除节点
    <!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"> <title>Title</title> <scriptsrc="js/jquery-3.5.1.min.js"></script> </head> <body> <ul&g......
  • Vue基本知识1,安装创建以及常用指令
    Vue基本知识1,安装创建以及常用指令1.Vue的概念概念vue是一个渐进式的JavaScript开发框架;基于MVVM实现数据驱动的框架官网还可以用来做SPA(singlepagewebapplication):一个网页就是一个应用;例如网易云特点体积小速廈快数据双向绑定生态丰富学习成本低2.安......
  • Qt线程简单使用二:QObject~创建任务类
     需求:点击QPushButton按钮,QLabel中的数字,不断累加,一直到999。 做法:点击QPushButton后,启动线程,线程while循环,不断发送累加的数字会主线程,修改QLabel中的数字 其他:一个任务类,可以创建多个任务,写法麻烦一点,视情况决定是否采用这种方法。  主要代码://......
  • 批量创建google浏览器快捷方式
    importosfromwin32comimportclientdefcreate_chrome(name,num):chrome_path="C:\ProgramFiles\Google\Chrome\Application\chrome.exe"user_dir_data=f"D:\data\google\Chrome{num}"#定义快捷方式的目标路径和名称,快捷方式的路径#short......
  • AUTOCAD二次开发系列教程02-创建实体过程的理解
    目录01案例02步骤讲解03关键类理解04总结05源码地址01案例创建一个圆usingAutodesk.AutoCAD.ApplicationServices.Core;usingAutodesk.AutoCAD.DatabaseServices;usingAutodesk.AutoCAD.Geometry;usingAutodesk.AutoCAD.Runtime;namespaceHello.Cad.App01{......
  • 2023创建谷歌账号显示此号码无法用于验证_国内手机无法注册谷歌Gmail账号的解决办法
    为什么经常出现国内手机号码无法验证注册谷歌账号的问题呢?来回注册每次都显示网络正在核验中,请重试,返回上一步注册谷歌账号,还是显示此电话号码无法用于验证。注册谷歌账号手机号验证成功个人认为最主要的原因有两点:注册IP和手机所在国家不一致,导致国内手机无法用于谷歌账号注册的......
  • 在不创建第三个变量的情况下交换两个变量的值
    1.加减法intmain(){ inta=3; intb=5; a=a+b;//a=8 b=a-b;//b=8-5=3 a=a-b;//a=8-3=5 printf("a=%d,b=%d",a,b); return0;}缺点:int型占4字节,若a,b较大但都恰好占4字节,而它们的和超出4个字节,二进制数据会进位丢失,此时加减法不再适用。2.异或法intma......
  • .NET 创建无边框的跨平台应用
    .NET创建无边框的跨平台应用在创建了Photino应用程序以后我们发现它自带了一个标题栏,并且非常丑,我们现在要做的就是去掉这个很丑的自带标题栏,并且自定义一个更好看的,下面我们将用MasaBlazor提供的模板去进行实战。安装模板安装MasaBlazor提供的rc2的模板dotnetnewinstall......
  • Factory Method Pattern 工厂方法模式简介与 C# 示例【创建型】【设计模式来了】
    〇、简介1、什么是工厂方法模式?一句话解释:  实体类和工厂类均为单独实现,不影响已实现的类,方便扩展。工厂方法模式(FactoryMethodPattern)是一种创建型模式,它允许客户端通过工厂方法来创建对象,而不是直接使用构造函数。这样可以让客户端代码更加灵活,同时保持实现的独立性。工......
  • vst实例(2) 创建VST
    前面我们知道,创建一个虚拟树,应该首先告知VST节点数据的大小(即nodedatasize),其实在创建树结构时,这一点并不是必须的,而是如果你需要让VST的每一个节点能指向一定的数据,从而在执行树的操作时,能用到这些数据,那么你最适合的方法是定义一个结构类型(record),然后让node.data指向这个record......