前端vue项目创建环境node.js安装 前端vue环境搭建

步骤 1：安装node.js用与使用npm创建vue。

下载安装包：https://nodejs.cn/download/

选择适合自己系统的版本

步骤 2：双击安装包，点击Next，勾选使用许可协议，点击Next，选择安装位置（可根据个人情况更换路径），继续点击Next，点击Next，点击Install，点击Finish完成安装。

步骤 3：环境变量设置

（1）右键“此电脑”点击“属性”，点击“高级系统设置”，点击“环境变量”。

（2）进入环境变量，选择下方【系统变量】中的【Path】，点击“编辑”。

（3）添加Node.js的安装路径。点击“新建”将安装路径填入点击“确定”

步骤 4：查看版本，验证是否安装成功

进入cmd命令行窗口（win键+R键），输入node -v查看nodejs版本、输入npm -v查看npm版本

步骤 5：修改以后npm全局下载模块的保存位置，可根据自身情况选择是否更改。

1.查看npm存放位置

使用指令npm get prefix查看npm全局模块的存放路径

使用指令npm get cache查看npm缓存存放路径

(图中为修改后的保存位置,默认位置一般为C盘下)

2.在 nodejs 安装目录下，创建 “node_global” 和 “node_cache” 两个文件夹

3.修改文件夹（路径D:\00SoftFile\nodejs\node_global与D:\00SoftFile\nodenode_cache根据实际保存位置进行修改）

设置全局模块的安装路径到 “node_global” 文件夹，

npm config set prefix "D:\00SoftFile\nodejs\node_global"

设置缓存到 “node_cache” 文件夹

npm config set cache "D:\00SoftFile\nodenode_cache"

4.由于 node 全局模块大多数都是可以通过命令行访问的，还要把【node_global】的路径“D:\00SoftFile\nodejs\node_global”加入到【系统变量 】下的【PATH】 变量中。

操作：进入环境变量，选择下方【系统变量】中的【Path】点击“编辑”点击“新建”输入【node_global】的路径点击“确定”。

5.测试位置是否更改成功，在【node_global】目录下新建子文件夹【node_modules】。

进入cmd命令行窗口（win键+R键）输入npm install express -g或者npm install express --global

注意：“-g”等同于“–global”，“-g” 是全局安装，不加“-g”就是默认下载到当前目录。“-g” 表示安装到之前设置的【node_global】目录下，同时nodejs会自动地在node_global文件夹下的【node_modules】子文件夹， 下载express模块。

注意：若执行命令npm install express -g出现如下报错：

是由于对文件夹操作的权限不够，右击Nodejs文件夹->属性->安全，点击编辑，将所有权限都?即可。

步骤 6：将npm默认的registry修改为淘宝registry

npm 默认的 registry ,也就是下载 npm 包时会从国外的服务器下载，国内下载会很慢，可以更换为国内镜像： https://registry.npmmirror.com。

1.1 查看当前使用的镜像路径

npm config get registry

1.2 更换npm为国内镜像

npm config set registry https://registry.npmmirror.com

1.3 检查镜像是否配置成功

再次执行npm config get registry，检查当前的镜像路径