使用Next.js、CodeMirror和Next-Auth构建Markdown编辑器
这是一个使用Next.js、CodeMirror和Next-Auth构建的Markdown编辑器项目。以下是该项目的入门步骤：
步骤 1: 初始化项目
- 使用
yarn create next-app next-codemirror初始化一个Next.js应用。 - 通过
yarn upgrade -L升级所有依赖包。
步骤 2: 安装依赖
- 为Markdown处理和渲染安装必要的依赖：
bash yarn add next markdown react-codemirror2 codemirror yarn add marked highlight.js gray-matter - 添加类型支持和TypeScript配置：
bash yarn add -D typescript @types/node @types/react-dom
步骤 3: 添加Tailwind CSS
- 使用以下命令添加和配置Tailwind CSS：
bash yarn add -D tailwindcss@latest postcss@latest autoprefixer@latest npx tailwindcss init -p
步骤 4: 启动开发服务器
- 运行以下命令启动开发服务器：
bash npm run dev # 或者 yarn dev - 使用浏览器访问
localhost:3000，查看运行结果。
文件大小：219.86KB
评论区