VuePress快速搭建博客

创建项目

npm init vuepress vuepress-starter

创建过程

Microsoft Windows [版本 6.1.7601]
版权所有 (c) 2009 Microsoft Corporation。保留所有权利。

D:\soft\src\node-v18.18.2-win-x64>npm init vuepress vuepress-starter
Need to install the following packages:
create-vuepress@2.0.0-rc.12
Ok to proceed? (y) y

? Select a language to display / 选择显示语言
  english (US)
> 简体中文

? Select a language to display / 选择显示语言 简体中文
? 选择包管理器
  pnpm
  yarn
> npm

? 选择包管理器 npm
? 你想要使用哪个打包器？ (Use arrow keys)
> vite
  webpack

? 你想要使用哪个打包器？ vite
? 你想要创建什么类型的项目？ (Use arrow keys)
> blog
  docs

生成 package.json...
? 设置应用名称 (my-vuepress-site)

回车
? 设置应用名称 my-vuepress-site
? 设置应用版本号 (0.0.1)

回车

? 设置应用版本号 0.0.1
? 设置应用描述 (A VuePress project)

回车

? 设置应用描述 A VuePress project
? 设置协议 (MIT)

回车

? 设置协议 MIT
? 是否需要一个自动部署文档到 GitHub Pages 的工作流？ (Y/n) y

生成模板...
? 选择你想使用的源 (Use arrow keys)
> 国内镜像源
  当前源

回车

安装依赖...
这可能需要数分钟，请耐心等待.
我们无法正确输出子进程的进度条，所以进程可能会看似未响应

added 226 packages in 29s

69 packages are looking for funding
  run `npm fund` for details
模板已成功生成!
? 是否想要现在启动 Demo 查看? (Y/n) y

启动开发服务器...
启动成功后，请在浏览器输入给出的开发服务器地址(默认为 'localhost:8080')

> my-vuepress-site@0.0.1 docs:dev
> vuepress dev docs

file:///D:/soft/src/node-v18.18.2-win-x64/node_cache/_npx/3f091d7c366309f0/node_
modules/execa/lib/error.js:60
                error = new Error(message);
                        ^

Error: Command failed with exit code 1: npm run docs:dev
D:\soft\src\node-v18.18.2-win-x64\vuepress-starter\node_modules\rollup\dist\native.js:59
                throw new Error(
                      ^

Error: Cannot find module @rollup/rollup-win32-x64-msvc. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please try `npm i` again after removing both package-lock.json and node_modules directory.
    at requireWithFriendlyError (D:\soft\src\node-v18.18.2-win-x64\vuepress-starter\node_modules\rollup\dist\native.js:59:9)
    at Object.<anonymous> (D:\soft\src\node-v18.18.2-win-x64\vuepress-starter\node_modules\rollup\dist\native.js:68:76)
    ... 2 lines matching cause stack trace ...
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:169:29)
    at ModuleJob.run (node:internal/modules/esm/module_job:194:25) {
  [cause]: Error: The specified procedure could not be found.
  \\?\D:\soft\src\node-v18.18.2-win-x64\vuepress-starter\node_modules\@rollup\rollup-win32-x64-msvc\rollup.win32-x64-msvc.node
      at Module._extensions..node (node:internal/modules/cjs/loader:1340:18)
      at Module.load (node:internal/modules/cjs/loader:1119:32)
      at Module._load (node:internal/modules/cjs/loader:960:12)
      at Module.require (node:internal/modules/cjs/loader:1143:19)
      at require (node:internal/modules/cjs/helpers:119:18)
      at requireWithFriendlyError (D:\soft\src\node-v18.18.2-win-x64\vuepress-starter\node_modules\rollup\dist\native.js:41:10)
      at Object.<anonymous> (D:\soft\src\node-v18.18.2-win-x64\vuepress-starter\node_modules\rollup\dist\native.js:68:76)
      at Module._compile (node:internal/modules/cjs/loader:1256:14)
      at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
      at Module.load (node:internal/modules/cjs/loader:1119:32) {
    code: 'ERR_DLOPEN_FAILED'
  }
}

Node.js v18.18.2
    at makeError (file:///D:/soft/src/node-v18.18.2-win-x64/node_cache/_npx/3f091d7c366309f0/node_modules/execa/lib/error.js:60:11)
    at handlePromise (file:///D:/soft/src/node-v18.18.2-win-x64/node_cache/_npx/3f091d7c366309f0/node_modules/execa/index.js:124:26)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async CAC.mainAction (file:///D:/soft/src/node-v18.18.2-win-x64/node_cache/_npx/3f091d7c366309f0/node_modules/create-vuepress/lib/action.js:96:9) {
  shortMessage: 'Command failed with exit code 1: npm run docs:dev',
  command: 'npm run docs:dev',
  escapedCommand: 'npm run "docs:dev"',
  exitCode: 1,
  signal: undefined,
  signalDescription: undefined,
  stdout: undefined,
  stderr: 'D:\\soft\\src\\node-v18.18.2-win-x64\\vuepress-starter\\node_modules\\rollup\\dist\\native.js:59\r\n' +
    '\t\tthrow new Error(\r\n' +
    '\t\t      ^\r\n' +
    '\r\n' +
    'Error: Cannot find module @rollup/rollup-win32-x64-msvc. npm has a bug related to optional dependencies (https://github.com/npm/cli/issues/4828). Please tr
y `npm i` again after removing both package-lock.json and node_modules directory.\r\n' +
    '    at requireWithFriendlyError (D:\\soft\\src\\node-v18.18.2-win-x64\\vuepress-starter\\node_modules\\rollup\\dist\\native.js:59:9)\r\n' +
    '    at Object.<anonymous> (D:\\soft\\src\\node-v18.18.2-win-x64\\vuepress-starter\\node_modules\\rollup\\dist\\native.js:68:76)\r\n' +
    '    ... 2 lines matching cause stack trace ...\r\n' +
    '    at Module.load (node:internal/modules/cjs/loader:1119:32)\r\n' +
    '    at Module._load (node:internal/modules/cjs/loader:960:12)\r\n' +
    '    at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:169:29)\r\n' +
    '    at ModuleJob.run (node:internal/modules/esm/module_job:194:25) {\r\n' +

    '  [cause]: Error: The specified procedure could not be found.\r\r\n' +
    '  \\\\?\\D:\\soft\\src\\node-v18.18.2-win-x64\\vuepress-starter\\node_modules\\@rollup\\rollup-win32-x64-msvc\\rollup.win32-x64-msvc.node\r\n' +
    '      at Module._extensions..node (node:internal/modules/cjs/loader:1340:18)\r\n' +
    '      at Module.load (node:internal/modules/cjs/loader:1119:32)\r\n' +
    '      at Module._load (node:internal/modules/cjs/loader:960:12)\r\n' +
    '      at Module.require (node:internal/modules/cjs/loader:1143:19)\r\n' +
    '      at require (node:internal/modules/cjs/helpers:119:18)\r\n' +
    '      at requireWithFriendlyError (D:\\soft\\src\\node-v18.18.2-win-x64\\vuepress-starter\\node_modules\\rollup\\dist\\native.js:41:10)\r\n' +
    '      at Object.<anonymous> (D:\\soft\\src\\node-v18.18.2-win-x64\\vuepress-starter\\node_modules\\rollup\\dist\\native.js:68:76)\r\n' +
    '      at Module._compile (node:internal/modules/cjs/loader:1256:14)\r\n' +
    '      at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)\r\n' +
    '      at Module.load (node:internal/modules/cjs/loader:1119:32) {\r\n' +
    "    code: 'ERR_DLOPEN_FAILED'\r\n" +
    '  }\r\n' +
    '}\r\n' +
    '\r\n' +
    'Node.js v18.18.2',
  cwd: 'vuepress-starter',
  failed: true,
  timedOut: false,
  isCanceled: false,
  killed: false
}

Node.js v18.18.2
npm notice
npm notice New major version of npm available! 9.8.1 -> 10.8.3
npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.8.3
npm notice Run npm install -g npm@10.8.3 to update!
npm notice
npm ERR! code 1
npm ERR! path D:\soft\src\node-v18.18.2-win-x64
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c create-vuepress vuepress-s
tarter

npm ERR! A complete log of this run can be found in: D:\soft\src\node-v18.18.2-win-x64\node_cache\_logs\2024-08-30T04_45_40_190Z-debug-0.log

把问题解决之后，运行

npm run docs:dev

VuePress PC界面

VuePress 手机端界面1

VuePress 手机端界面2

VuePress 项目界面

直接可以使用markdown写文章了

您可能感兴趣的文章：

• 毕业设计选题系统
• 一站式缴费系统
• 学生信息管理系统
• eclipse独立绿色版2023-12-R
• eclipse独立绿色版2024-03-R-MySQL5
• eclipse独立绿色版2024-03-R