node环境部署配置超详细
首先下载node资源包1、选择对应系统下载:node官网安装node.js1.安装目录:我在E盘单独建立了一个nodejs文件夹(大家可以相对参照一下)2.双击运行3.同意协议Node.js runtime 表示运行环境npm package manager表示npm包管理器online documentation shortcuts 在线文档快捷方式Add to PATH添加到环境变量选择第一个
首先下载node资源包
1、选择对应系统下载:
node官网
在这里插入图片描述
安装node.js
1.安装目录:我在E盘单独建立了一个nodejs文件夹(大家可以相对参照一下)
2.双击运行
3.同意协议
Node.js runtime 表示运行环境
npm package manager表示npm包管理器
online documentation shortcuts 在线文档快捷方式
Add to PATH添加到环境变量
选择第一个即可!
4.自定义安装目录:(图片有误,我是装在E盘)
5.安装后的目录结构
6.安装好的测一下是否成功
(1)测试版本号(在安装目录cmd)
node -v 显示Node.js的版本说明已经安装成功
npm -v 自带的npm已经安装成功
结果:
(2)安装完成后,.msi格式的安装包自动将node启动程序添加到系统环境变量path中,查看系统变量验证
------------------------------------------以上nodejs已经初步安装成功(后续步骤按需操作)------------------------------------------------------
7.修改包路径
默认情况下,我们在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules下,可以通过CMD指令npm root -g查看
但是有时候我们不想让全局包放在这里,我们想放在node的安装目录下
(1)在node安装目录下下新建两个文件夹
node_global (全局包下载存放)
node_cache (node缓存)
如图:
(2)修改路径
在CMD窗口执行以下两条命令:
npm config set prefix "E:\nodejs\node_global"
npm config set cache "E:\nodejs\node_cache"
(3)测试
我们再次下载一个全局包,
执行命令npm install -g vue,可以发现,下载的全局包vue已经放在了我们设置的目录中
修改node环境变量
(1)首先添加NODE_PATH(E:\nodejs\node_global\node_modules)系统变量
(2)添加用户变量path(E:\nodejs\node_global\)
(3) 测试在任意地方执行npm -v是否有版本号(有错误的则是环境变量问题)
安装cnpm 下载国内资源(淘宝镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
等待执行下载完成
输入cnpm -v输入是否正常
如果有错 添加系统变量path的内容
因为cnpm会被安装到D:\Program Files\nodejs\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。
此时的cnpm是在这个路径下,我们需要添加cnpm系统环境变量
4.创建vue项目
(1)进入vue项目目录cmd
(2)部署项目
cnpm install
结果
(3)启动项目
npm run dev
执行成功!
以上是node环境配置以及部署vue项目步骤,有出入的一起留言探讨噢!
更多推荐
所有评论(0)