中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當前位置: 首頁 > news >正文

網(wǎng)站建設(shè)和錢外貿(mào)網(wǎng)站免費推廣b2b

網(wǎng)站建設(shè)和錢,外貿(mào)網(wǎng)站免費推廣b2b,像美團這種網(wǎng)站怎么做,wordpress um插件文章目錄 安裝前的準備工作項目安裝創(chuàng)建文件初始化文件安裝依賴遇到了 missing peer deps 警告?命令行設(shè)置向?qū)?完成 安裝前的準備工作 Node.js 18 及以上版本。通過命令行界面 (CLI) 訪問 VitePress 的終端。支持 Markdown 語法的編輯器。推薦 VSCode 及其官方 Vu…

在這里插入圖片描述

文章目錄

    • 安裝前的準備工作
    • 項目安裝
        • 創(chuàng)建文件
        • 初始化文件
        • 安裝依賴
        • 遇到了 missing peer deps 警告?
        • 命令行設(shè)置向?qū)?/li>
    • 完成


安裝前的準備工作

  • Node.js 18 及以上版本。
  • 通過命令行界面 (CLI) 訪問 VitePress 的終端。
  • 支持 Markdown 語法的編輯器。
  • 推薦 VSCode 及其官方 Vue 擴展。

項目安裝

VitePress 可以單獨使用,也可以安裝到現(xiàn)有項目中。在這兩種情況下,都可以使用以下方式安裝它。

創(chuàng)建文件

可以手動新建一個文件,也可以使用指令。
指令:

# mkdir 創(chuàng)建文件夾指令; && 表示當前命令執(zhí)行成功后會執(zhí)行下一條指令。
mkdir vitepress-starter && cd vitepress-starter
初始化文件

(看習慣,如果有該習慣就初始化,沒有可跳過)

官網(wǎng)默認使用了 yarn 作為依賴管理工具

# 用yarn初始化
yarn init# 用pnpm初始化
pnpm init# 用npm初始化
npm init
安裝依賴

安裝項目所需的依賴 vitepress

# 用yarn
yarn add -D vitepress# 用pnpm
pnpm add -D vitepress# 用npm
npm add -D vitepress

如果下載失敗,可以使用以下方法:

npm add --dev vitepress
遇到了 missing peer deps 警告?

如果使用 PNPM,會注意到對 @docsearch/js 的 missing peer deps 警告。這不會影響 VitePress 運行。如果希望禁止顯示此警告,請將以下內(nèi)容添加到 package.json:

"pnpm": {"peerDependencyRules": {"ignoreMissing": ["@algolia/client-search","search-insights"]}
}
命令行設(shè)置向?qū)?/h5>

在vitepress官方文檔中提到,vitepress附帶了一個命令行向?qū)?#xff0c;來幫助構(gòu)建一個基本的項目。通過運行以下命令啟動向?qū)?#xff1a;

# 用yarn
yarn vitepress init# 用pnpm
pnpm vitepress init# 用npm
npx vitepress init

將需要回答幾個簡單的問題:

┌  Welcome to VitePress!
│
◇  Where should VitePress initialize the config?./docs
│
◇  Site title:
│  My Awesome Project
│
◇  Site description:A VitePress Site
│
◆  Theme:
│  ● Default Theme (Out of the box, good-looking docs)
│  ○ Default Theme + Customization
│  ○ Custom Theme
└

此時文件的目錄結(jié)構(gòu)是這樣的,如下樹狀代碼所示:

├─ docs
│  ├─ .vitepress
│  │  └─ config.js
│  ├─ api-examples.md
│  ├─ markdown-examples.md
│  └─ index.md 入口文件
└─ package.json

完成

基本完成了vitepress項目的初始化。運行 pnpm run docs:dev 來打開項目。效果如下:

看到如下界面即表示運行成功

在這里插入圖片描述

您好,我是肥晨。
歡迎關(guān)注我獲取前端學(xué)習資源,日常分享技術(shù)變革,生存法則;行業(yè)內(nèi)幕,洞察先機。

http://www.risenshineclean.com/news/50972.html

相關(guān)文章:

  • 網(wǎng)站如何能讓百度收錄網(wǎng)站數(shù)據(jù)
  • 做社區(qū)網(wǎng)站用什么程序?qū)幉╯eo排名外包
  • 網(wǎng)站建設(shè)資訊版塊如何做用戶運營百度網(wǎng)盤搜索神器
  • 低代碼開發(fā)平臺 開源文大俠seo博客
  • 網(wǎng)站制作網(wǎng)站建設(shè)項目規(guī)劃書軟文平臺有哪些
  • 網(wǎng)站的建站流程個人建站
  • 網(wǎng)站做淘寶客aso優(yōu)化服務(wù)站
  • 做母嬰產(chǎn)品的網(wǎng)站寧波網(wǎng)站建設(shè)網(wǎng)站排名優(yōu)化
  • 武漢商城網(wǎng)站制作西安疫情最新通知
  • 建筑外觀設(shè)計網(wǎng)站推薦淘寶標題優(yōu)化網(wǎng)站
  • 做昆特牌的網(wǎng)站重慶seo教程
  • 修改數(shù)據(jù)庫密碼 進不了網(wǎng)站后臺石家莊網(wǎng)站建設(shè)
  • 園嶺網(wǎng)站建設(shè)附近有沒有學(xué)電腦培訓(xùn)的
  • 做接口的網(wǎng)站廣告?zhèn)髅焦窘?jīng)營范圍
  • java 網(wǎng)站開發(fā) 順序刷死粉網(wǎng)站推廣
  • 湛江企業(yè)網(wǎng)站建站模板靠譜的拉新平臺
  • 網(wǎng)站后臺更新怎么做可口可樂軟文范例
  • 山東疫情最新消息今天上海優(yōu)化網(wǎng)站seo公司
  • 鄭州百度網(wǎng)站優(yōu)化排名ios微信上的pdf亂碼
  • 網(wǎng)站建設(shè)解說詞百度手機助手下載2022官方正版
  • 酒店vi設(shè)計抖音seo培訓(xùn)
  • 網(wǎng)站怎么做微信支付寶電商網(wǎng)站開發(fā)平臺
  • 免費網(wǎng)站開發(fā)公司百度競價可以自學(xué)嗎
  • 如何注冊個人網(wǎng)站cnn頭條新聞
  • 自助建站平臺便宜營銷型網(wǎng)站特點
  • 在線觀看視頻網(wǎng)站怎么做活動推廣宣傳方案
  • 一般網(wǎng)站建設(shè)多少錢怎么才能讓百度收錄網(wǎng)站
  • 哪些網(wǎng)站可以做教師資格證題目seo網(wǎng)絡(luò)優(yōu)化軟件
  • 嘉興網(wǎng)站公司哪家好上海seo優(yōu)化培訓(xùn)機構(gòu)
  • 安裝wordpress 500 - 內(nèi)部服務(wù)器錯誤.手機百度seo怎么優(yōu)化