Nodejs环境安装及配置
2021/9/4 14:06:37
本文主要是介绍Nodejs环境安装及配置,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
Nodejs环境安装及配置
1.下载安装
下载地址
根据自己电脑系统及位数选择,我这里选择windows64位.msi
格式安装包
.msi
和.zip
格式区别:
.msi
是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi就是Windows installer的数据包,把所有和安装文件相关的内容封装在一个包里。.zip
是一个压缩包,解压之后即可,不需要安装
下载完成后,双击安装包,开始安装,一直点next
即可,安装路径默认在C:\Program Files
下,也可以自定义修改。
npm package manager
表示npm包管理器
online documentation shortcuts
在线文档快捷方式
Add to PATH
添加node安装路径到环境变量
安装完成如图所示,这里我修改了node的安装路径H:\environment\nodejs
安装完成后,.msi
格式的安装包已经将node.exe
添加到系统环境变量path
中,如果你下载的是.zip
格式,因为没有安装过程,所以需要手动将node.exe
所在目录添加到环境变量path
中,查看系统变量验证
既然已经将node
添加到全局系统变量,我们可以直接在CMD
窗口中任意位置执行node
,打开CMD窗口,执行命令node -v
查看node版本
最新版的node在安装时同时也安装了npm
,执行npm -v
查看npm
版本
2、修改全局依赖包下载路径
默认情况下,我们在执行npm install -g XXXX
下载全局包时,这个包的默认存放路径位C:\Users\用户名\AppData\Roaming\npm\node_modules下
,可以通过CMD
指令npm root -g
查看
但是有时候我们不想让全局包放在这里,我们可以自定义存放目录,在CMD
窗口执行以下两条命令修改默认路径:
npm config set prefix "H:\environment\node\node_global"
npm config set cache "H:\environment\node\node_cache"
或者打开c:\node\node_modules\npm\.npmrc
文件,修改如下:
prefix = H:\environment\node\node_global cache = H:\environment\node\node_cache
以上操作表示,修改全局包下载目录为H:\environment\node\node_global
,缓存目录为H:\environment\node\node_cache
,并会自动创建node_global
目录,而node_cache
目录是缓存目录,会在你下载全局包时自动创建
3、配置环境变量
因为我们修改了全局包的下载路径,那么自然而然,我们下载的全局包就会存放在H:\environment\node\node_global\node_modules
,而其对应的cmd
指令会存放在H:\environment\node\node_global
我全局安装一个vue-cli
脚手架
npm install @vue/cli -g
我使用CMD
命令vue create myproject
指令创建一个项目,显示如下:
'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
这是因为我们在执行指令时,它会默认在node
安装根目录下查找指令文件,在这里就是vue.cmd
,然后还会在node
安装根目录下的node_modules
下查找依赖包文件夹,在这里就是@vue
文件夹,因为我们修改了全局包的存放路径,所以自然找不到了,所以我们需要把我们指定的全局包存放路径添加到系统环境变量,这样就可以找到了
H:\environment\node\node_global
再次测试:
OK,大功告成!!!!!
http://localhost:8080/
这篇关于Nodejs环境安装及配置的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15useCallback教程:React Hook入门与实践
- 2024-11-15React中使用useContext开发:初学者指南
- 2024-11-15拖拽排序js案例详解:新手入门教程
- 2024-11-15React中的自定义Hooks案例详解
- 2024-11-14受控组件项目实战:从零开始打造你的第一个React项目
- 2024-11-14React中useEffect开发入门教程
- 2024-11-14React中的useMemo教程:从入门到实践
- 2024-11-14useReducer开发入门教程:轻松掌握React中的useReducer
- 2024-11-14useRef开发入门教程:轻松掌握React中的useRef用法
- 2024-11-14useState开发:React中的状态管理入门教程