文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Node学习笔记:Node.js安装及环境配置史诗级详细版【含测试与镜像说明】

2023-05-19 12:02

关注

1、下载Node.js

        官方下载地址:https://nodejs.org/zh-cn/

2、安装Node.js

        双击“node-v16.15.1-x64.msi”安装包

  1. Node.js runtime:Node运行环境
  2. corepack manager:核心包
  3. npm package manager表示npm包管理器
  4. Online documentation shortcuts :在线文档快捷方式
  5. Add to PATH:添加到环境变量

翻译如下

3、验证Node.js安装

        (1)检查环境变量:右击此电脑——>属性——>高级系统设置——>环境变量——>系统变量——>Path——>确保Node环境已添加——>确定——>关闭全部窗口

        (2)cmd检查环境:win+R——>cmd——>键入node -v

        node在安装同时安装npm:键入npm -v

????????? 出现警告 ?????????

        解决方案如下:涉及到windows文件权限安全问题,授权就行。

        win+R——>cmd——>键入“npm install -g npm-windows-upgrade”

        右击“以管理员身份运行”运行Windows PoweShell,键入“set-ExecutionPolicy RemoteSigned”,输入“Y” 后按下回车,接着输入“npm-windows-upgrade”,显示各个版本,用方向键 回车选择,自动更新...完成关闭窗口

        (3)再次验证:重新打开cmd命令框——>键入npm -v

!!!警告消除 !!!

4、Node.js环境配置

        (1)更改npm安装全局模块的目录和缓存路径

        npm install xxx时默认存放路径为:C:\Users\用户名\AppData\Roamin

        开始配置更改(自定义npm install xxx 存放路径):进入Node安装根目录,创建“node_global”和“node_cache”空目录文件夹——>分别用于当前node资源的安装和缓存

        重点注意:还需要在node_global目录下在创建一个“node_modules”空目录文件夹

cmd命令指导新建的两个文件夹

npm config set prefix "创建的node_global文件夹所在路径"
npm config set cache "创建的node_cache文件夹所在路径"

PS C:\Users\ZSAndroid> npm config set prefix "D:\MyFilePath\NodeJS\node_global"
PS C:\Users\ZSAndroid> npm config set cache "D:\MyFilePath\NodeJS\node_cache"
PS C:\Users\ZSAndroid>

        (2)配置环境变量

        右击此电脑——>属性——>高级系统设置——>环境变量——>系统变量——>新建

        NODE_PATH变量值添加到系统变量Path中(以防万一,参考网上资料没有介绍配置此项)

        右击此电脑——>属性——>高级系统设置——>环境变量——>用户变量Path——>修改

 !!!配置结束 !!!

5、测试Node.js安装结果

        1.安装express,使用npm命令——> npm install express -g

        2.安装webpack,使用npm命令——> npm install webpack -g

        进入“D:\MyFilePath\NodeJS\node_global\node_modules”验证,该“node_modules”目录是自动生成的,安装的Module都存放在该路径下。

6、配置淘宝镜像

        淘宝镜像官网:http://npm.taobao.org/

        必须使用右击“以管理员身份运行”运行Windows PoweShell,键入

  1. 永久设置:“npm install -g cnpm --registry=https://registry.npm.taobao.org”或“npm config set registry https://registry.npm.taobao.org”
  2. 检查安装:“cnpm -v”
  3. 查看当前镜像地址:“npm config get registry”
  4. 恢复原镜像地址:“npm config set registry https://registry.npmjs.org”

7、总结

此外,补充说明几点:

1. 镜像来源的切换可以使用 nrm 工具来方便快速的实现,这样可以避免使用那些冗长的命令,加快效率;

2. node.js环境的安装还可以使用 nvm 来简化,同时,使用 nvm 还可以方便的切换nonde.js的不同版本;

3. 作为初学者,还是有必要手动按照上述教程完整的安装一下node.js运行环境,有助于加深对于node.js运行环境的理解。

补充:关于 nrm 与 nvm 的使用可以参考本站相关教程~

https://www.jb51.net/article/280151.htm
https://www.jb51.net/article/154802.htm

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯