我想用Markdown在Slidev上快速制作酷炫的幻灯片

2 年 ago
雅, 悟
2 minutes

复仇

我决定试试那篇令人感兴趣的《Slidev》，这是我今天在读的一篇文章中发现的。

将 Node.js 的版本升级至 14.0。

首先是卸载Node.js。

要做的事情有两个。

从控制面板的程序和功能中卸载
删除C:\Users\用户名\AppData\Roaming下的npm文件夹和npm-cache文件夹。

image.png
image.png

与 git 不同，无法回退的压力真的很大…

安装 nodist

image.png
image.png
image.png
image.png
image.png

虽然没有特别指定需要重新启动，但为了确保，我还是重新启动了一下…

执行 nodist

我会将其付诸实施…

确认是否已安装nodist并且路径已配置正确。

最新的安装程序会将路径配置好吗？

nodist -v
版本号0.9.1
“`
看起来不错。

展示可供选择的 Node.js 版本。

使用 nodist dist 命令是否可以显示可供选择的 Node.js 版本列表呢？

不分配 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
安装成功。

>nodist
  (x64)
  11.13.0
> 16.7.0  (global: 16.7.0)

听起来不错。

尝试移动Slidev

使用 npm 初始化 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 defeats

image.png

今天比起床时进步了一些，不知道呢？
在搜索错误信息的时候，出来了很多结果，但是今天太晚了，明天再看吧！

bannerAds