VuePressに入門した

Getting Startedを進めていたところエラーに遭遇

pnpm docs:devを実行したところで以下のエラーが出た

Preprocessor dependency "sass-embedded" not found. Did you install it?
Try `pnpm add -D sass-embedded`.

エラーメッセージの通り、pnpm add -D sass-embeddedをしてみると無事表示された

Configuration

configがtypescriptでもOKみたいなので、.vuepress/config.tsに変えてみる.

どうやら、package.jsonと同じ階層にvuepress.config.tsを置くことでもOKらしい.　というかこっちの方がconfigとしてしっくりくる

ルーティング

https://vuepress.vuejs.org/guide/page.html#page

こんな感じで階層がページになる感じ

/
└─ docs
   ├─ .vupress ... 
   ├─ guide
   │  ├─ getting-started.md
   │  └─ README.md
   ├─ contributing.md
   └─ README.md

http://localhost:8080/guideに行くとhttp://localhost:8080/guide.htmlに飛ばされるため404になった
http://localhost:8080/guide/とするといけた

リンク

普通に外部リンクを書くとデフォルトで別タブで表示になるみたい

[GitHub](https://github.com)

コードブロックがいい感じ

• 行番号表示・非表示
• 部分ハイライト,部分コード表示

同じ階層においたjsファイルを持ってこれるの良いね👍

@[code js{1-6}](./dev.js)

最近VuePressを見なくなったので初めて入門してみた
プラグインとかいつか触ってみたいですね...（遠い目）

VuePressが動かないという記事がありましたが、普通に動きました
あ、でも、sass-embeddedをインストールしてくれは聞いてないですね...

公式でも謳ってるようにライトに技術ブログ始めたい場合は最適だと感じました！

でも今なら、技術ブログを作る！の第一候補は、AstroやNextJSかなーなんて感じてます
gatsby.js個人的に結構好きで昔極めてたので（graphql好きなので）今どうなってるかみたいです（前やった時はだんだんビルドが重たくなってた気がする）

チャレンジャーならRemixでキャッシュ勉強がてら作るのも良いですねー(棒読み)