相关推荐recommended
Node.js安装与配置
作者:mmseoamin日期:2023-11-30

✅作者简介:CSDN一位小博主,正在学习前端,欢迎大家一起来交流学习🏆

📃个人主页:白月光777的CSDN博客

🔥系列专栏:Vue从入门到进阶

💬个人格言:但行好事,莫问前程

Node.js安装与配置,在这里插入图片描述,第1张

Node.js安装与配置

  • 卸载node.js
  • 安装node.js
    • 配置Node.js环境(NPM全局安装路径)
    • 添加环境变量
    • 使用npm全局安装进行测试
    • 全局安装淘宝镜像的cnpm
      • 使用cnpm安装express测试是否安装成功
      • 结束语💬

        卸载node.js

        以windows10电脑为例,打开此电脑—卸载与更改程序找到node.js卸载即可

        Node.js安装与配置,在这里插入图片描述,第2张

        然后删除node的相关文件夹(node_chche node_global)

        Node.js安装与配置,在这里插入图片描述,第3张

        最后打开cmd执行npm -v看看是否卸载成功

        Node.js安装与配置,在这里插入图片描述,第4张

        安装node.js

        node.js官网: https://nodejs.org/zh-cn/

        Node.js安装与配置,在这里插入图片描述,第5张

        双击打开安装程序

        Node.js安装与配置,在这里插入图片描述,第6张

        点击Next

        Node.js安装与配置,在这里插入图片描述,第7张

        勾选接受协议点击Next

        Node.js安装与配置,在这里插入图片描述,第8张

        自定义node.js安装位置点击Next

        Node.js安装与配置,在这里插入图片描述,第9张

        点击Next

        Node.js安装与配置,在这里插入图片描述,第10张

        点击Next

        Node.js安装与配置,在这里插入图片描述,第11张

        点击Install

        Node.js安装与配置,在这里插入图片描述,第12张

        点击finish

        Node.js安装与配置,在这里插入图片描述,第13张

        打开cmd窗口输入对应代码查看是否安装成功,如果没有报错即为安装成功

        Node.js安装与配置,在这里插入图片描述,第14张

        配置Node.js环境(NPM全局安装路径)

        如果希望将全局模块所在路径和缓存路径安装在Node.js安装的文件夹中,例如安装的文件夹为D:nodejs,就需要在此文件夹下创建两个文件夹,分别为node_globalnode_cachel

        Node.js安装与配置,在这里插入图片描述,第15张

        创建完以下两个文件夹,打开cmd窗口,输入以下命令并执行

        npm config set prefix “E:\nodejs\node_global”

        npm config set cache “E:\nodejs\node_cache”

        Node.js安装与配置,在这里插入图片描述,第16张

        添加环境变量

        找到此电脑—>属性—>高级系统设置—>环境变量,打开编辑

        Node.js安装与配置,在这里插入图片描述,第17张

        找到node.js的node_global路径添加进去

        Node.js安装与配置,在这里插入图片描述,第18张

        使用npm全局安装进行测试

        以全局安装webpack为例,cmd输入以下代码执行

        npm install webpack -g
        

        💡注意

        若执行npm install webpack -g出现以下错误

        Node.js安装与配置,在这里插入图片描述,第19张

        是由于对该文件夹进行操作的权限不够,右击nodejs文件夹—>属性—>安全点击编辑,将所有权限都打开即可

        Node.js安装与配置,在这里插入图片描述,第20张

        如果应用以后又出现了以下报错无法枚举容器中的对象,访问被拒绝,如果成功了请忽略此步骤

        Node.js安装与配置,在这里插入图片描述,第21张

        右击nodejs文件夹—>安全—>高级

        Node.js安装与配置,在这里插入图片描述,第22张

        点击更改—>高级

        Node.js安装与配置,在这里插入图片描述,第23张

        点击立即查找—>选择第二个点击确定

        Node.js安装与配置,在这里插入图片描述,第24张

        勾选标记的两项点击确定即可解决此问题

        Node.js安装与配置,在这里插入图片描述,第25张

        cmd再次输入npm install webpack -g进行安装,安装成功✨✨✨

        Node.js安装与配置,在这里插入图片描述,第26张

        进入E:\nodejs\node_global\node_modules查看安装的模块(安装的模块都存放在此路径下)

        Node.js安装与配置,在这里插入图片描述,第27张

        全局安装淘宝镜像的cnpm

        CPM命令是从国外服务器下载,速度往往比较慢,我们可以选择安装CNPM加快下载速度(类似与Python中的换源

        npm install -g cnpm --registry=https://registry.npm.taobao.org
        

        查看镜像地址看是否配置成功

        npm config get registry
        

        Node.js安装与配置,在这里插入图片描述,第28张

        如上图所示,淘宝镜像配置成功✨✨✨

        使用cnpm安装express测试是否安装成功

        cnpm install express -g
        

        Node.js安装与配置,在这里插入图片描述,第29张

        若下载出现以上问题,进入nodejs安装目录找到cnpm文件夹位置,将其移动到cpm所在文件夹下

        cnpm位置

        Node.js安装与配置,在这里插入图片描述,第30张

        npm位置

        Node.js安装与配置,在这里插入图片描述,第31张

        移动之后:

        Node.js安装与配置,在这里插入图片描述,第32张

        将 cnpm 和 cnpm.cmd 文件移至 npm 与 npm.cmd 所在的文件夹

        cnpm和cnpm.cmd原位置

        Node.js安装与配置,在这里插入图片描述,第33张

        移动之后:

        Node.js安装与配置,在这里插入图片描述,第34张

        cmd输入cnpm install express -g安装express模块

        Node.js安装与配置,在这里插入图片描述,第35张

        进入E:\nodejs\node_global\node_modules查看安装的express模块

        Node.js安装与配置,在这里插入图片描述,第36张

        结束语💬

        以上就是Vue入门到进阶之Node.js安装与配置,如有问题欢迎一起交流

        你们的支持就是博主创作的动力💕💕💕

        Node.js安装与配置,在这里插入图片描述,第37张