Vue安装及环境配置教程(超详细图文教程)_vue环境安装

目录

                一、官网上下载 安装 Node.js

                二、创建全局安装目录和缓存日志目录

                三、配置环境变量 

                四、配置淘宝镜像

                五、安装vue

                六、创建并运行项目

一、官网上下载 安装 Node.js

官网链接如下：Node.js

在这里，我下载的是最新版18.17.1 

如果要安装其他的版本，页面往下拉找到 Previous Releases 点击进入选择下载安装

下载完成后直接双击进行安装，打开后的页面如下所示：

 

 一直Next即可完成安装。

接下来验证是否安装成功

在cmd控制台输入node -v和npm -v（注意中间有个空格）验证是否安装成功。

node -v
   
   
1

npm -v
   
   
1

输出了版本号就说明Node.js已经安装成功。

二、创建全局安装目录和缓存日志目录

在nodejs安装的目录创建两个空文件夹：node_cache和node_global。

打开cmd窗口，执行如下命令

将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。 

npm config set prefix "你的安装目录\node_global"

   
   
1
2

npm config set cache "你的安装目录\node_cache"
   
   
1

三、配置环境变量 

打开环境变量设置界面

将用户变量最后一行  C:\Users\你的用户名\AppData\Roaming\npm 

修改为 你的安装目录\node_global

系统变量中新增一个变量，如下