01Windows下一步步安装Node.Js和Vue

以下有步骤，没有技术含量，但是如果是第一次，是必经之路。总结来说就是Node.js 官网上下载长期稳定版本后，一步步默认安装，然后运行node -v 和npm -v，显示版本信息，使用npm install -g @vue/cli就OK了。

一、安装Node.js

要在 Windows 上安装 Node.js，可以按照以下步骤进行操作：

1. 打开浏览器并访问 Node.js 官网：Node.js

2. 在官网首页，你将看到两个版本可供选择：LTS（长期支持版本）和 Current（当前版本）。对于大多数用户来说，建议选择 LTS 版本，因为它更加稳定和可靠。

3. 点击 LTS 版本的 "Download" 按钮，将会自动下载适合你的 Windows 版本的安装程序（.msi 文件）。

4. 下载完成后，双击运行下载的 .msi 文件，启动安装程序。

5. 在安装程序的欢迎页面上，点击 "Next" 继续。

6. 在下一个页面上，你可以选择 Node.js 的安装路径。默认情况下，它将安装在 C:\Program Files\nodejs 目录下。如果你想要更改安装路径，可以点击 "Browse" 按钮选择其他路径。

7. 点击 "Next" 继续。

8. 在接下来的页面上，你可以选择是否将 Node.js 添加到系统的环境变量中。建议勾选此选项，以便在命令行中可以直接使用 node 和 npm 命令。

9. 点击 "Next" 继续。

10. 在下一个页面上，点击 "Install" 开始安装 Node.js。

    扫描二维码关注公众号，回复： 16393436 查看本文章

11. 安装完成后，点击 "Finish" 完成安装。

12. 验证 Node.js 是否成功安装。打开命令提示符或 PowerShell，并输入以下命令：

node -v 

如果成功安装，你将看到 Node.js 的版本号。

npm -v

同样，如果成功安装，你将看到 npm 的版本号。

二、安装vue

现在，你已经成功在 Windows 上安装了 Node.js。你可以开始使用 Node.js 和 npm 来开发和运行 JavaScript 应用程序了。

• 打开命令提示符或 PowerShell，并输入以下命令来安装 Vue CLI（Vue.js 的官方脚手架工具）：

npm install -g @vue/cli 

这将全局安装 Vue CLI。

• 安装完成后，你可以通过输入以下命令来创建一个新的 Vue 项目：

vue create my-vue-project 

将 my-vue-project 替换为你想要创建的项目名称。

• 在创建项目的过程中，你可以选择使用默认配置或手动选择所需的特性。完成后，进入项目目录：

cd my-vue-project 

• 最后，输入以下命令来启动开发服务器：

npm run serve 

这将启动一个本地开发服务器，并在浏览器中打开 Vue 应用程序。

现在，你已经成功在 Windows 上安装了 Vue.js，并创建了一个新的 Vue 项目。你可以开始开发 Vue 应用程序了。