🍣
VSCode 拡張 Zenn Editorが使えなっかときの対処法
概要
VScodeの拡張機能 Zenn Editorを使おうとしたのですが、
下記エラーが出て使えず困りました。
zenn CLIをインストールしたのに
インストールしてくださいってどういうこと？と
困惑しました。
実際はとても単純な原因だったのですが
思い込みから全く気づかなかったのです。
本当に初歩的なことで躓いてしまったのですが、
備忘録として残しておきます。
どなたかの参考になれば幸いです。
解決方法
1.npm listコマンドでZenn CLIがどこにあるのか確認
2.zennを管理しているディレクトリ(私の場合はzenn-text-create)で下記を実行
npm init --yes
npm install zenn-cli
原因
Zenn CLIをインストール出来たと思っていたのですが
ディレクトリ別にインストールするということを
理解しておらずzennがあるディレクトリ
(zenn-text-create)ではなく、
違うディレクトリにZenn CLIがありました。
これが原因で
zenn-cliが見つかりませんでした。インストールしてください。
のメッセージが出ていたことがわかりました。
Zenn公式の記事にもそう明言されていました。
Zenn CLIを正しくインストールできていないにも
関わらずインストールしたと思い込んでいたのが
原因でした。。。
反省
思い込みの排除とちゃんと公式ドキュメントを
読むことにします。
Zenn Editorを使ってみて
エラーの原因がわかってZenn Editorが
使えるようになったので実際に使ってみました。
①赤枠の部分をクリック
②右側にプレビューが表示されます。
初歩的なミスで導入に手こずりましたが
使えるようになってみて記事を書きやすくなしました。
Discussion