Slidev でイケてるスライドを Markdown で爆速で作りたい

# リベンジ
今朝読んだ記事で面白そうだった Slidev を試してみるにリベンジ。

# Node.js のバージョンを => 14.0 にあげる

## まずはNode.jsのアンインストール
やることは2個。
>- コントロールパネルのプログラムと機能からアンインストール
>- C:\Users\ユーザー名\AppData\Roaming 以下、npmフォルダとnpm-cacheフォルダの削除

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/410015/ee5951c6-9ac9-a5ac-bab5-7ea51ca4b43e.png)
Node.jsを削除。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/410015/8e28ef0c-8373-d8d6-299b-e891feec0a02.png)
おけ。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/410015/570439fe-7377-d306-f1d4-0f7a9b28f8bf.png)
npm と npm-cache を削除
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/410015/3d3b7a83-1c66-c5bd-70e0-7530026ed5aa.png)
おけ。

git と違って戻せないプレッシャーがすごい…。

## nodist をインストール
[https://github.com/marcelklehr/nodist/releases](https://github.com/marcelklehr/nodist/releases)
から最新版のインストーラを取得。
2021.08.25 現在は v0.9.1 でした。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/410015/b6990487-d93b-797a-f942-7224ea9716b6.png)

インストーラを起動しまして…
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/410015/12efa326-3487-3fb8-ad41-ad991057bb2c.png)

ライセンスを読んで同意しまして…
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/410015/edadaf4d-0d64-29a3-4062-fb2990bca2a7.png)

インストール先にデフォルトのパスを指定しまして…
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/410015/bda32e7d-3b6a-6b87-aa64-37a21643e7fe.png)

インストールが完了しましたとのこと！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/410015/7ee256ce-ce95-caba-eb90-1568e5c2ea63.png)

特に再起動の指定はありませんでしたが、念のため再起動しまして…

## nodist の実行
実行していきます…。

### nodist がインストールされてパスが通っていることの確認
最近のインストーラだとパスまで通してくれるとのことですが…？
```
>nodist -v
0.9.1
```
良さそう。

### 選択可能なNode.js のバージョンを表示
nodist dist コマンドで選択可能な Node.js のバージョン一覧を表示してくれるようですが…？
```
>nodist dist
  0.1.14
  0.1.15
  0.1.16
...
  16.6.1
  16.6.2
  16.7.0
```
良さそう。
今回は14.0以上を使いたいのですが、せっかくなので一番新しいバージョンを使ってみたいと思います。

### バージョンの切り替え
バージョンの切り替え方法は nodist の後に使いたいバージョンを指定
```
>nodist 16.7.0
...
 16.7.0 [===============] 57933/57933 KiB 100% 0.0s
Installation successful.
```
インストールもしてくれるみたいです。
確認

```
>nodist
  (x64)
  11.13.0
> 16.7.0  (global: 16.7.0)
```
よさそう。

# Slidev 動かしてみる
npm init slidev チャレンジ。

```
> npm init slidev
Need to install the following packages:
  create-slidev
Ok to proceed? (y)

  ●■▲
  Slidev Creator  v0.22.7

√ Project name: ... slidev
  Scaffolding project in slidev ...
  Done.

√ Install and start it now? ... yes
√ Choose the agent » npm

added 344 packages, and audited 345 packages in 58s

45 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

> dev
> slidev --open

Could not determine entry point from rollupOptions or html files. Skipping dependency pre-bundling.


  ●■▲
  Slidev  v0.22.7

  theme   @slidev/theme-seriph
  entry   C:\Users\[ユーザ名]\Documents\quickAccess\Documents\Study\Nodejs\20210825_0600_slidev\slidev\slides.md

  slide show      > http://localhost:3030/
  presenter mode  > http://localhost:3030/presenter
  remote control  > pass --remote to enable

  shortcuts       > restart | open | edit


21:42:27 [vite] Internal server error: The request url "C:/Users/[ユーザ名]/Documents/Study/Nodejs/20210825_0600_slidev/slidev/node_modules/@slidev/client/main.ts" is outside of Vite serving allow list:

- /C:/Users/[ユーザ名]/Documents/quickAccess/Documents/Study/Nodejs/20210825_0600_slidev/slidev
- /C:/Users/[ユーザ名]/Documents/Study/Nodejs/20210825_0600_slidev/slidev/node_modules/vite/dist/client

Refer to docs https://vitejs.dev/config/#server-fs-allow for configurations and more details.
      at ensureServingAccess (C:\Users\[ユーザ名]\Documents\Study\Nodejs\20210825_0600_slidev\slidev\node_modules\vite\dist\node\chunks\dep-972722fa.js:67004:15)
      at viteServeRawFsMiddleware (C:\Users\[ユーザ名]\Documents\Study\Nodejs\20210825_0600_slidev\slidev\node_modules\vite\dist\node\chunks\dep-972722fa.js:66971:13)
      at call (C:\Users\[ユーザ名]\Documents\Study\Nodejs\20210825_0600_slidev\slidev\node_modules\vite\dist\node\chunks\dep-972722fa.js:55173:7)
      at next (C:\Users\[ユーザ名]\Documents\Study\Nodejs\20210825_0600_slidev\slidev\node_modules\vite\dist\node\chunks\dep-972722fa.js:55117:5)
      at viteTransformMiddleware (C:\Users\[ユーザ名]\Documents\Study\Nodejs\20210825_0600_slidev\slidev\node_modules\vite\dist\node\chunks\dep-972722fa.js:67241:9)
      at processTicksAndRejections (node:internal/process/task_queues:96:5)
```

## 2敗目
エラーで期待した動きはしてくれていなさそう。
localhost:3000 は自動でブラウザで開いてくれた。
モジュールも同一階層ディレクトリからいろいろ作られていそう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/410015/9108190a-5c70-85b8-ea3b-6fefd243a189.png)

今朝よりは進歩していそう…かな？
エラーメッセージでググると、いろいろ出てきましたが…今日は遅いのでまた明日！