无锡网站 app,企业展厅 设计 公司 平安,中国水运建设行业协会网站,微信开发网站开发VitePress安装部署
VitePress安装步骤
安装 Node环境
官网下载#xff1a;https://nodejs.org/zh-cn
傻瓜式安装到完成
npm环境
安装完Node环境之后#xff0c;可以直接运行下面的命令安装npm
npm install -g pnpm关于pnpm源#xff1a; 有时候需要国内源#xff0c…VitePress安装部署
VitePress安装步骤
安装 Node环境
官网下载https://nodejs.org/zh-cn
傻瓜式安装到完成
npm环境
安装完Node环境之后可以直接运行下面的命令安装npm
npm install -g pnpm关于pnpm源 有时候需要国内源不全的时候又要切换到默认源比较麻烦以下提供几个源 设置镜像源可以使用淘宝源 pnpm config set registry https://registry.npm.taobao.org/ 切回官方镜像 npm config set registry https://registry.npmmirror.com/ 具体的教程可以参考https://blog.csdn.net/qq_43684588/article/details/134554654 初始化项目
新建一个空的目录D:\project2024\VitePress
$ pnpm init # 初始化目录Wrote to D:\project2024\VitePress\package.json{name: VitePress,version: 1.0.0,description: ,main: index.js,scripts: {test: echo \Error: no test specified\ exit 1},keywords: [],author: ,license: ISC
}
安装VitePress
$ pnpm add -D vitepress # 安装VitePressProgress: resolved 1, reused 0, downloaded 0, added 0
Progress: resolved 17, reused 0, downloaded 4, added 0
Progress: resolved 58, reused 0, downloaded 14, added 0
Progress: resolved 60, reused 0, downloaded 31, added 0
Progress: resolved 75, reused 0, downloaded 55, added 0
Packages: 85Progress: resolved 123, reused 0, downloaded 82, added 0
Progress: resolved 123, reused 0, downloaded 84, added 52
Progress: resolved 123, reused 0, downloaded 84, added 68
Progress: resolved 123, reused 0, downloaded 84, added 69
Progress: resolved 123, reused 0, downloaded 85, added 85, done
.../esbuild0.21.5/node_modules/esbuild postinstall$ node install.js
.../node_modules/vue-demi postinstall$ node -e try{require(./scripts/postinstall.js)}catch(e){}
.../node_modules/vue-demi postinstall: Done
.../esbuild0.21.5/node_modules/esbuild postinstall: DonedevDependencies:vitepress 1.2.3Done in 13.5s
初始化VitePress
需要注意的是我习惯用git的命令窗口上面的步骤都是在git的命令窗口做的但是到了这一步的时候git命令窗口就会出现问题。所以我切换成了cmd命令窗口
npx vitepress init # 初始化VitePressT Welcome to VitePress!
|
o Where should VitePress initialize the config?
| ./docs
|
o Site title:
| My Awesome Project
|
o Site description:
| A VitePress Site
|
o Theme:
| Default Theme Customization
|
o Use TypeScript for config and theme files?
| Yes
|
o Add VitePress npm scripts to package.json?
| Yes
|
— Done! Now run npm run docs:dev and start writing.Tips:
- Since youve chosen to customize the theme, you should also explicitly install vue as a dev dependency.项目目录结构
在 docs 文件夹中创建 public 文件夹用于存放项目图片
.
├── docs
│ ├── .vitepress
│ │ └── config.mts
│ ├── api-examples.md
│ ├── index.md
│ ├── markdown-examples.md
├── package.json
└── pnpm-lock.yaml运行项目
pnpm run docs:devvitepress v1.2.3➜ Local: http://localhost:5173/➜ Network: use --host to expose➜ press h to show help
这样就部署完成了
