添加node版本控制器nvm的配置安装教程

src/.vuepress/navbar.ts

@@ -46,9 +46,9 @@ export default navbar([
       "strawberry",
     ],
   },
-  {
-    text: "V2 文档",
-    icon: "book",
-    link: "https://theme-hope.vuejs.press/zh/",
-  },
+  // {
+  //   text: "V2 文档",
+  //   icon: "book",
+  //   link: "https://theme-hope.vuejs.press/zh/",
+  // },
 ]);

src/config/node/1.md

@@ -1,16 +1,16 @@
 ---
 # 这是文章的标题
-title: node.js 安装配置
+title: node 版本控制器nvm 安装配置
 # 你可以自定义封面图片
-cover: /assets/images/cover1.jpg
+# cover: /assets/images/cover1.jpg
 # 这是页面的图标
 icon: file
 # 这是侧边栏的顺序
-order: 1
+order: 3
 # 设置作者
-author: Ms.Hope
+author: zitont
 # 设置写作时间
-date: 2020-01-01
+date: 2024-10-21
 # 一个页面可以有多个分类
 category:
   - 使用指南
@@ -29,97 +29,113 @@ copyright: 无版权
 ---
 
 `more` 需要在官网下载对应的node 的安装包，并解压到本地。
-
 <!-- more -->
 
-## 页面标题
+## node.js 版本控制器nvm下载
 
-The first H1 title in Markdown will be regarded as page title.
 
-Markdown 中的第一个 H1 标题会被视为页面标题。
 
-你可以在 Markdown 的 Frontmatter 中设置页面标题。
+NVM 可以让用户在同一台机器上安装和使用多个版本的 Node.js。
+用户可以根据项目需求快速切换不同的 Node.js 版本，
+这在开发和测试过程中非常方便。
+例如，不同项目可能依赖于不同的 Node.js 版本，
+而 NVM 允许开发者轻松地在这些版本之间切换。
 
-```md
----
-title: 页面标题
----
-```
 
-## 页面信息
+## 下载 nvm 版本控制器
 
-你可以在 Markdown 的 Frontmatter 中设置页面信息。
 
-- 作者设置为 Ms.Hope。
-- 写作日期为 2020 年 1 月 1 日
-- 分类为 “使用指南”
-- 标签为 “页面配置” 和 “使用指南”
+nvm 下载可以在 Github 官网进行下载，分别是[nvm](https://github.com/coreybutler/nvm-windows/releases) 源码版本和[nvm-windows](https://github.com/coreybutler/nvm-windows/releases)版本。
 
-## 页面内容
+也可以在本站镜像下载，目前紧提供 nvm 的 Windows 最高版本：[https://dl.p6p.net/nvm/](https://dl.p6p.net/nvm/)。
 
-你可以自由在这里书写你的 Markdown。
 
-::: tip 图片引入
+## mvn 安装
 
-- 你可以将图片和 Markdown 文件放置在一起使用相对路径进行引用。
-- 对于 `.vuepress/public` 文件夹的图片，请使用绝对链接 `/` 进行引用。
 
-:::
+完成[nvm下载](#node-js-版本控制器nvm下载)之后，下面以 Windows 安装为例：
 
-## 组件
+卸载之前的 node 后安装 nvm, nvm-setup.exe安装版，直接运行nvm-setup.exe
 
-每个 Markdown 页面都会被转换为一个 Vue 组件，这意味着你可以在 Markdown 中使用 Vue 语法：
+![AIt](/assets/img/node/nvm_1.png "直接运行nvm-setup.exe" =500x)
 
-{{ 1 + 1 }}
+![Alt](/assets/img/node/nvm_2.png "选择 nvm 安装路径" =500x)
 
-<!-- markdownlint-disable MD033 -->
+![Alt](/assets/img/node/nvm_3.png "选择 nodejs 路径" =500x)
 
-<ul>
-  <li v-for="i in 3">{{ i }}</li>
-</ul>
+![Alt](/assets/img/node/nvm_4.png "确认安装即可" =500x)
 
-<!-- markdownlint-enable MD033 -->
+![Alt](/assets/img/node/nvm_5.png "安装完确认" =500x)
 
-你也可以创建并引入你自己的组件。
+打开 CMD，输入命令 nvm ，安装成功则如下显示。
+可以看到里面列出了各种命令，本节最后会列出这些命令的中文示意。
+## mvn 命令
+```bash
+nvm help --显示帮助信息
 
-<MyComponent />
+nvm --version --显示版本信息
 
-<script setup>
-import { defineComponent, h, ref } from 'vue';
-
-const MyComponent = defineComponent({
-  setup() {
-    const input = ref('Hello world!');
-    const onInput = (e) => {
-      input.value = e.target.value;
-    };
-
-    return () => [
-      h('p', [
-        h('span','输入: '),
-        h('input', {
-          value: input.value,
-          onInput,
-        }),
-      ]),
-      h('p', [h('span','输出: '), input.value]),
-    ];
-  },
-});
-</script>
+nvm list available --显示可下载版本的部分列表
 
----
+nvm list --显示已安装版本
+
+nvm use <version> --切换版本
+
+nvm install <version> [arch] [--insecure] --安装指定版本
+
+nvm uninstall <version> --卸载指定版本
+
+nvm current --显示当前版本
+
+nvm node_mirror [url] --设置 nodejs 镜像源
+
+nvm npm_mirror [url] --设置 npm 镜像源
+
+nvm root --显示 nvm 安装目录
+
+nvm debug --显示调试信息
+
+nvm arch --显示当前系统架构
+
+nvm upgrade --升级 nvm
+
+```
+
+## nvm 配置镜像源
+
+如果下载 node 过慢或者安装失败，请更换国内镜像源, 在 nvm 的安装路径下，
+找到 settings.txt文件，设置node_mirror与npm_mirror为国内镜像地址。
+
+在文件末尾加入：
+
+阿里云镜像
+```bash
+node_mirror: https://npmmirror.com/mirrors/node/
+npm_mirror: https://npmmirror.com/mirrors/npm/
+```
+
+腾讯云镜像
+```bash
+node_mirror: http://mirrors.cloud.tencent.com/npm/
+npm_mirror: http://mirrors.cloud.tencent.com/nodejs-release/
+```
+## 命令行切换(注意：请切换国内镜像后再安装 node 版本，否则会很慢)
+阿里云镜像
+```bash
+nvm npm_mirror https://npmmirror.com/mirrors/npm/
+nvm node_mirror https://npmmirror.com/mirrors/node/
+```
+
+腾讯云镜像
+```bash
+nvm npm_mirror http://mirrors.cloud.tencent.com/npm/
+nvm node_mirror http://mirrors.cloud.tencent.com/nodejs-release/
+```
+
+打开链接查看可以 node 版本：[https://registry.npmmirror.com/binary.html?path=node/](https://registry.npmmirror.com/binary.html?path=node/)
+
+<MyComponent />
 
-主题包含一些有用的组件。这里是一些例子:
 
-- 文字结尾应该有深蓝色的 徽章文字 徽章。 <Badge text="徽章文字" color="#242378" />
 
-- 一个卡片:
 
-  ```component VPCard
-  title: Mr.Hope
-  desc: Where there is light, there is hope
-  logo: https://mister-hope.com/logo.svg
-  link: https://mister-hope.com
-  background: rgba(253, 230, 138, 0.15)
-  ```

src/config/node/2.md

@@ -1,6 +1,6 @@
 ---
 # 这是文章的标题
-title: node.js 配置
+title: mvn 命令
 # 你可以自定义封面图片
 cover: /assets/images/cover1.jpg
 # 这是页面的图标