当前位置: 首页 > news >正文

【Vue从入门到进阶】Node.js安装与配置

✅作者简介:CSDN一位小博主,正在学习前端,欢迎大家一起来交流学习🏆
📃个人主页:白月光777的CSDN博客
🔥系列专栏:Vue从入门到进阶
💬个人格言:但行好事,莫问前程

在这里插入图片描述

Node.js安装与配置

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

卸载node.js

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

在这里插入图片描述
然后删除node的相关文件夹(node_chche node_global)

在这里插入图片描述
最后打开cmd执行npm -v看看是否卸载成功

在这里插入图片描述

安装node.js

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

在这里插入图片描述

双击打开安装程序
在这里插入图片描述
点击Next

在这里插入图片描述
勾选接受协议点击Next

在这里插入图片描述

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

在这里插入图片描述
点击Next

在这里插入图片描述
点击Next

在这里插入图片描述
点击Install

在这里插入图片描述
点击finish

在这里插入图片描述
打开cmd窗口输入对应代码查看是否安装成功,如果没有报错即为安装成功

在这里插入图片描述

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

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

在这里插入图片描述
创建完以下两个文件夹,打开cmd窗口,输入以下命令并执行

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

在这里插入图片描述

添加环境变量

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

在这里插入图片描述

找到node.js的node_global路径添加进去
在这里插入图片描述

使用npm全局安装进行测试

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

npm install webpack -g

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

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

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

在这里插入图片描述

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

在这里插入图片描述
点击更改—>高级

在这里插入图片描述
点击立即查找—>选择第二个点击确定

在这里插入图片描述
勾选标记的两项点击确定即可解决此问题

在这里插入图片描述
cmd再次输入npm install webpack -g进行安装,安装成功✨✨✨

在这里插入图片描述
进入E:\nodejs\node_global\node_modules查看安装的模块(安装的模块都存放在此路径下)

在这里插入图片描述

全局安装淘宝镜像的cnpm

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

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

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

npm config get registry

在这里插入图片描述
如上图所示,淘宝镜像配置成功✨✨✨

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

cnpm install express -g

在这里插入图片描述

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

cnpm位置

在这里插入图片描述

npm位置

在这里插入图片描述

移动之后:

在这里插入图片描述
cnpmcnpm.cmd 文件移至 npmnpm.cmd 所在的文件夹

cnpm和cnpm.cmd原位置
在这里插入图片描述

移动之后:

在这里插入图片描述
cmd输入cnpm install express -g安装express模块

在这里插入图片描述

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

在这里插入图片描述

结束语💬

以上就是Vue入门到进阶之Node.js安装与配置,如有问题欢迎一起交流
你们的支持就是博主创作的动力💕💕💕

在这里插入图片描述

http://www.lryc.cn/news/40039.html

相关文章:

  • python 正则使用详解
  • 一个深度学习项目需要什么
  • 【Java进阶篇】—— 常用类和基础API
  • 手敲Mybatis(六)-反射工具天花板
  • 内含18禁~~关于自学\跳槽\转行做网络安全行业的一些建议
  • 春分策划×运维老王主讲:CMDB数据运营精准化公开课启动报名啦!
  • 制作INCA和CANape通用的A2L
  • Python人脸识别
  • 我用Python写了一个下载网站所有内容的软件,可见即可下,室友表示非常好用
  • 【M365运维】扩充OneDrive存储空间
  • hashcat(爆破工具,支持GPU,精)
  • 【机器学习】什么是监督学习、半监督学习、无监督学习、自监督学习以及弱监督学习
  • HashiCorp packer 制作AWS AMI镜像示例
  • 【java基础】根据泛型动态构造jackson的TypeReference(json反序列化为带泛型的类的对象)
  • 为什么VMware会给我多创建了两个网络呢?Windows和Linux为什么可以彼此ping的通呢
  • 服务器带宽承载多少人同时访问计算方法-浏览器中查看当前网页所有资源数据大小-客服系统高并发承载人数【唯一客服】...
  • 给新手----编译VSOMEIP保姆级别教程
  • MarkDown设置上下标
  • Python批量爬取游戏卡牌信息
  • 什么是PCB走线的3W原则
  • 计算机网络面试总结
  • VsCode SSH远程连接服务器【内网穿透公网连接】
  • 十八、动画与canvas
  • 自动化测试学习-Day4-selenium的安装和8种定位方法
  • 【Kubernetes】第二十五篇 - 布署 nodejs 后端项目(下)
  • 贪心算法之区间问题总结
  • 无线WiFi安全渗透与攻防(七)之WIFI07-WEP-wifite自动化渗透WEP加密
  • 震撼,支持多模态模型的ChatGPT 4.0发布了
  • IDEA常用插件列表
  • 比df更好用的命令!