Win10 Vue 环境搭建以及项目初始化

最新推荐文章于 2025-04-17 17:05:26 发布

种子选手

最新推荐文章于 2025-04-17 17:05:26 发布

阅读量4.2k

点赞数

分类专栏：踏进前端小小步伐文章标签： node.js vue

本文链接：https://blog.youkuaiyun.com/qq_36148847/article/details/115159940

版权

本文介绍了如何在Win10系统中搭建Vue开发环境，包括Node.js的下载与安装、npm环境变量设置、cnpm的安装与使用、通过nrm管理npm镜像源，以及vue-cli的安装和项目初始化。详细步骤包括验证安装、修改npm全局路径、安装cnpm解决下载速度问题、切换npm源以及使用vue-cli创建和测试项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

1. Node 下载和安装

进入 Node 官网：https://nodejs.org/en/download/ 选择合适的版本下载。
在这里插入图片描述

直接点击msi 文件安装，一路 Next 即可，注意安装路径。可选择默认路径 C:\Program Files\nodejs .
在这里插入图片描述

Automatically install the necessary tools. Note that this will also install Chocolatey. The script will pop-up in a new window after the inatallation completes. 可勾选，自动下载所需的工具。在这里插入图片描述

1.1 安装验证

安装成功，自动弹出如下 CMD 窗口
在这里插入图片描述

打开自带的 PowerShell 或 CMD，输入 node -v 和 npm -v , 显示相应的版本，表示已安装成功，安装完 node 后，npm 也会beu Node 下载和安装
进入 Node 官网：https://nodejs.org/en/download/ 选择合适的版本下载。在这里插入图片描述直接点击msi 文件安装，一路 Next 即可，注意安装路径。可选择默认路径 C:\Program Files\nodejs .Automatically install the necessary tools. Note that this will also install Chocolatey. The script will pop-up in a new window after the inatallation completes. 可勾选，自动下载所需的工具。在这里插入图片描述安装验证安装成功，自动弹出如下 CMD 窗口打开自带的 PowerShell 或 CMD，输入 node -v 和 npm -v , 显示相应的版本，表示已安装成功，安装完 node 后，npm 也会被自动安装，不再需要独立安装。

通过npm config ls 查看 npm 配置信息

PS C:\Windows\system32> npm config ls
; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/6.14.11 node/v14.16.0 win32 x64"

; builtin config undefined
prefix = "C:\\Users\\Tuzaza\\AppData\\Roaming\\npm"

; node bin location = C:\Program Files\nodejs\node.exe
; cwd = C:\Windows\system32
; HOME = C:\Users\Tuzaza

最低0.47元/天解锁文章