Vitepress安裝與設置
建立專案資料夾
設定專案資料夾first_vitepress
cmd
mkdir first_vitepress
cd firest_press
初始化
node專案初始化設置 ( 導出package.json )
cmd
init
開始安裝
官方安裝指令
cmd
npm install -D vitepress vue
Vitepress部屬
官方指定必需建立的資料夾docs及index.md，如下方架構 :
cmd
.
├─ docs
│ └─ index.md
|─ node_modules
└─ package.json
TIP
基本上所有頁面大多都會建立在/docs資料夾內。
修改package.json
json
// package.json
{
...
"scripts": {
"docs:dev": "vitepress dev docs",
"docs:build": "vitepress build docs",
"docs:preview": "vitepress preview docs"
},
...
}
執行
就這樣，安裝完成，可以執行看看
cmd
npm run docs:dev
這是首次執行後的畫面，右上方還可切換夜間模式
TIP
基本上執行後，會自動會在/docs資料夾內產出/.vitepress。