ドキュメント管理アプリ用モックプロジェクト。
ドキュメントツリーを持つドキュメント表示フロントエンド開発技術調査。
- Nuxt.js
- TypeScript
- nuxt-typed-vuex
- Vuex(というかVuexに格納するクラス)にてデータ更新処理を行うよう変更することにより、ツリー表示については狙い通りの動作になりつつある。
- Markdownレンダリングの基本的な動作まで完了。
- 生成されたHTMLの内部リンクがアンカータグになるためリンククリック時のレスポンスが悪い問題は、内部リンクのみ
router.push
するような仕組みを入れて対応。 - ホストを0.0.0.0、ポート番号を
3333
に変更。開発時はhttp://localhost:3333
にアクセスする。 - 表示画面右サイドに目次用ドロワ追加
- メニュー階層変更画面追加
- ページ変更画面追加
- git clone リポジトリ
- cd リポジトリディレクトリ
- npm install
- npm run dev
- http://localhost:3333 # ポート番号変更済み