首页 > 其他分享 >65.初始化vitepress项目

65.初始化vitepress项目

时间:2023-10-22 14:55:39浏览次数:30  
标签:初始化 run 项目 docs 65 vitepress pnpm

1.电脑本地需要安装node 16+版本

2.电脑本地安装pnpm

3.本地创建一个文件夹,用于存放该项目,如:F:\资料整合\编程资料\编程项目\网页\sfisadmin\vitepress

4.进入该文件夹

5.初始化node工程:

pnpm init

 6.安装vitepress

pnpm add -D vitepress

 7.初始化vietepress

pnpm exec vitepress init

初始化vitepress时的注意事项

初始化时会要求填入配置目录位置,填入./docs
选择主题时,推荐采用默认主题
如果不后续希望改动主题,选择Default Theme。
如果希望后续修改主题,选择Default Theme + Customization
要加入VitePress npm scripts到package.json中

 8.运行项目

pnpm run docs:dev

 9.浏览器打开,输入网址:http://localhost:5173/

即可看到网站的运行

 10.项目目录结构

 11.常用的几个指令

运行开发模式启动:

pnpm run docs:dev

项目打包:

pnpm run docs:build

预览打包后项目成果:

pnpm run docs:preview

 

标签:初始化,run,项目,docs,65,vitepress,pnpm
From: https://www.cnblogs.com/mxx520/p/17780443.html

相关文章

  • 从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和
    接上一节:从零用VitePress搭建博客教程(4)–如何自定义首页布局和主题样式修改?上一节其实我们也简单说了自定义页面模板,这一节更加详细一点说明,开始之前我们要知道在vitePress中,.md的文件是可以直接编写vue的代码的。比如我们现在来自定义一个前端网址导航页面八、自定义一些......
  • 【洛谷 8665】[蓝桥杯 2018 省 A] 航班时间
    #[蓝桥杯2018省A]航班时间##题目描述小h前往美国参加了蓝桥杯国际赛。小h的女朋友发现小h上午十点出发,上午十二点到达美国,于是感叹到“现在飞机飞得真快,两小时就能到美国了”。小h对超音速飞行感到十分恐惧。仔细观察后发现飞机的起降时间都是当地时间。由于北京......
  • SP9683高频准谐振、集成650V氮化镓功率器件,30W高性能ACDC芯片
    SP9683E是一款集成GaN功率器件的高频准谐振反激控制器,集成650VGaN功率器件,适合设计在离线式USB-PD和USBType-C等快速充电器和电源供应器方案,待机功耗小于75mW。芯片内置精确的初级限流电路,在输出电压在PD/PPS调节时,保证恒定的输出限流,容易满足安规的LPS要求。VDD工作范围9V~54V......
  • 内核初始化的过程
    内核的启动从入口函数start_kernel()开始。在init/main.c文件中,start_kernel相当于内核的main函数。打开这个函数,你会发现,里面是各种各样初始化函数XXXX_init。在操作系统里面,先要有个创始进程,有一行指令set_task_stack_end_magic(&init_task)。这里面有一个参数init_tas......
  • Go包介绍与初始化:搞清Go程序的执行次序
    Go包介绍与初始化:搞清Go程序的执行次序目录Go包介绍与初始化:搞清Go程序的执行次序一、main.main函数:Go应用的入口函数1.1main.main函数1.2main.main函数特点二、包介绍2.1包介绍与声明2.2非main包的main函数2.3包的命名规则三、包的导入3.1包的导入介绍3.2导入多个......
  • Codeforces Round 865 (Div. 2) B. Grid Reconstruction
    给一个\(2\timesn\)的网格,且\(n\)是偶数。你需要将\(1\sim2\timesn\)填入这个网格。一条路径是从\((1,1)\)开始,每次只能向右或向下,到\((2,n)\)结束时,所经过的位置。按经过点的顺序标号,一两条路径的代价是\(cost=a_1-a_2+a_3-a_4+\cdots=\sum_{i=1......
  • Eplan API 初始化
    Eplan支持的开发方式一共有3种脚本dll文件形式exe离线程式形式虽然eplan二次开发也支持vb语言,但这里只讨论c#脚本(script)Eplan脚本支持的功能有限,有限的原因在于其支持的程序集有限c#中的System;System.XML;System.Drawing;System.Windows.FormsEpalnAPI中的Names......
  • 从零用VitePress搭建博客教程(4) – 如何自定义首页布局和主题样式修改?
    接上一节:从零用VitePress搭建博客教程(3)-VitePress页脚、标题logo、最后更新时间等相关细节配置六、首页样式修改有时候觉得自带的样式不好看,想自定义,首先我们在docs/.vitePress新建一个theme文件夹,用来存放自定义布局和主题修改的相关文件,如下所示theme下再新建custom.css......
  • 题解 CF1651F【Tower Defense】
    题解CF1651F【TowerDefense】problem一个塔防游戏。一共有\(n\)个塔按\(1\simn\)的顺序排成一列,每座塔都有魔力容量\(c_i\)和魔力恢复速率\(r_i\)。对于一座塔\(i\),每过一秒它的魔力\(m_i\)会变为\(\min(m_i+r_i,c_i)\)。每座塔初始时满魔力。一共有\(q\)个......
  • C语言-数组初始化方式
    C语言-数组初始化方式#include<stdio.h>#include<string.h>//数组初始化intmain(){ //方式1:{0} intarr1[3]={0}; for(inti=0;i<3;i++){ printf("arr1[%d]=%d\n",i,arr1[i]); } //方式2:for循环 intarr2[3]; for(inti=0;i<3;i++)......