# 二、搭建流程
# 1、环境准备
node version >= 20
# 安装脚手架工具
npm install @vuepress-reco/theme-cli -g
1
2
3
2
3
# 2、使用脚手架创建项目
npx @vuepress-reco/theme-cli init
1
执行之后会出现以下内容,依次输入
D:\Program Files\JetBrains\java_project\my_project\ibooks>npx @vuepress-reco/theme-cli init
? Whether to create a new directory? Yes # 是否创建目录 输入 Y
? What's the name of new directory? xu_vuepress_reco2_blog # 项目目录名称
? What's the title of your project? xu_vuepress_reco2_blog # 标题(如果准备创建2.x版本,此项无效,可不填写)
? What's the description of your project? xu_vuepress_reco2_blog by vuepress-reco 2.x# 描述(如果准备创建2.x版本,此项无效,可不填写)
? What's the author's name? xxl # 作者(如果准备创建2.x版本,此项无效,可不填写)
? What style do you want your home page to be?(The 2.x version is the alpha version) 2.x # 选择2.x
√ [1/1] Load file from git
Load successful, enjoy it!
# Inter your blog
$ cd xu_vuepress_reco2_blog
# Install package
$ yarn & npm install
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
选择之后稍作等待项目就创建成功了,使用WebStorm
或vscode
打开该项目,执行npm install
安装依赖,安装完成之后运行npm run dev
,打开控制台输出的访问链接即可看到页面效果。