(Node笔记)Node.js安装及环境配置——史诗级详细版

这篇具有很好参考价值的文章主要介绍了(Node笔记)Node.js安装及环境配置——史诗级详细版。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

1、下载Node.js

2、安装Node.js

3、验证Node.js安装

4、Node.js环境配置

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

        (2)配置环境变量

5、测试Node.js安装结果

6、配置淘宝镜像

7、总结


1、下载Node.js

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

(Node笔记)Node.js安装及环境配置——史诗级详细版


2、安装Node.js

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

(Node笔记)Node.js安装及环境配置——史诗级详细版

(Node笔记)Node.js安装及环境配置——史诗级详细版

(Node笔记)Node.js安装及环境配置——史诗级详细版

(Node笔记)Node.js安装及环境配置——史诗级详细版

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

翻译如下

(Node笔记)Node.js安装及环境配置——史诗级详细版

(Node笔记)Node.js安装及环境配置——史诗级详细版

(Node笔记)Node.js安装及环境配置——史诗级详细版

(Node笔记)Node.js安装及环境配置——史诗级详细版

(Node笔记)Node.js安装及环境配置——史诗级详细版


3、验证Node.js安装

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

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

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

!!!警告消除 !!!


4、Node.js环境配置

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

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

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

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

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

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

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笔记)Node.js安装及环境配置——史诗级详细版

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

(Node笔记)Node.js安装及环境配置——史诗级详细版

 !!!配置结束 !!!


5、测试Node.js安装结果

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

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

(Node笔记)Node.js安装及环境配置——史诗级详细版

        进入“D:\MyFilePath\NodeJS\node_global\node_modules”验证,安装的Module都存放在该路径下。

(Node笔记)Node.js安装及环境配置——史诗级详细版


6、配置淘宝镜像

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

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

  1. 永久设置:“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

(Node笔记)Node.js安装及环境配置——史诗级详细版


7、总结

仅自己学习记录,如有错误,敬请谅解~,谢谢~~~文章来源地址https://www.toymoban.com/news/detail-449880.html

到了这里,关于(Node笔记)Node.js安装及环境配置——史诗级详细版的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Linux系统配置Node.js环境详细教程(图文讲解)

    前言:在使用Jenkins部署Vue项目的时候,如果没有安装Node.js环境的话,Jenkins会无法对Vue项目进行构建,所以本期出了一篇关于在Linux系统如何配置Node.js环境的讲解,以博客的方式记录一下我详细的配置流程和踩过的坑,特此分享! 博主的其他部署教程: 1、Jenkins部署前后端分

    2024年02月11日
    浏览(50)
  • 最新Node.js安装详细教程及node.js配置

    目录 一、Node.js简介及其下载地址 1、编译器、运行环境、开发环境的区别 2、Node.js与JavaScript、TypeScript 3、Node.js与浏览器 二、单击网站的Downloads,选择对应的系统下载Nodejs 三、Node.js安装程序的安装及安装选项设置 四、Node.js常用配置(Configuration,设置) 1、修改npm的包的全局的

    2024年02月03日
    浏览(50)
  • Node.js的安装与环境的搭建(详细版)

    npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包 vue-cli: 用户生成Vue工程模板(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装

    2024年02月05日
    浏览(38)
  • Node.js安装及环境配置

    目录 一、下载node.js 二、安装node.js 三、修改全局缓存目录 四、配置环境变量         下载地址:node.js官网         1、点击安装程序,打开安装窗口,点击next         2、同意条款,点击next           3、修改安装位置,点击next         4、无特殊配置,一

    2024年02月16日
    浏览(53)
  • Node.js下载安装及环境配置

    目录 1.下载Node.js 1.1 下载最高本版 1.2 下载历史版本 2.安装Node.js 3.环境配置 4.安装express模块和cnpm 4.1 安装express模块 4.2 安装cnpm 4.3 cnpm报错         登录Nodejs的官网进行下载最新的版本,根据自己电脑的需求点击下载即可。例如,我的配置可以选择Windows下64位的版本。 t

    2024年01月15日
    浏览(53)
  • 2023年最新Node.js安装详细教程及node.js配置

    目录 一、Node.js简介及其下载地址 1、编译器、运行环境、开发环境的区别 2、Node.js与JavaScript、TypeScript 3、Node.js与浏览器 二、单击网站的Downloads,选择对应的系统下载Nodejs 三、Node.js安装程序的安装及安装选项设置 四、Node.js常用配置(Configuration,设置) 1、修改npm的包的全局的

    2024年02月06日
    浏览(51)
  • Mac 安装 node.js 及环境配置

    访问nodejs官网,点击稳定版,并下载 Node.js 双击刚下载的文件,按步骤默认安装就行 安装完成后打开终端 输入如下两个命令  有如下版本信息,说明安装成功 打开Mac终端,配置全局环境变量 按下 i ,  才能开始编辑 添加一行PATH 例:export PATH=/usr/local/bin/node_modules/grunt-cli/bin:$P

    2024年04月13日
    浏览(46)
  • Node.js下载安装及环境配置教程

    一、进入官网地址下载安装包 https://nodejs.org/zh-cn/download/ 选择对应你系统的Node.js版本,这里我选择的是Windows系统、64位 Tips:如果想下载指定版本,点击【以往的版本】,即可选择自己想要的版本下载 二、安装程序 (1)下载完成后,双击安装包,开始安装Node.js (2)直接点【

    2024年02月11日
    浏览(48)
  • Node.js下载安装以及环境配置教程

    Node.js (nodejs.org) 下载完成后,双击安装包,开始安装Node.js,一直点击next安装即可。也可根据自身需求更改。 测试安装是否成功,按下【win+R】键,输入cmd,打开cmd窗口,输入下面代码测试。             成功显示版本说明安装成功。 (1)找到安装的目录,在安装目录下新

    2024年02月11日
    浏览(60)
  • MacOS node.js安装及环境配置

    nodejs官网 https://nodejs.org/zh-cn/ 下载长期维护版并进行安装 安装成功后提示确保 /usr/local/bin 在$PATH中 所以需要在mac终端中配置全局环境变量 执行 cd ~ 命令,确保切换到根目录 执行 vim .bash_profile 命令,打开.bash_profile文件 ​ 按 i 进入编辑模式,在最后一行加上 PATH=$PATH:/usr/lo

    2024年02月04日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包