首页 > 编程语言 >npm和node.js安装与环境配置

npm和node.js安装与环境配置

时间:2023-03-15 23:13:49浏览次数:44  
标签:npm node nodejs js 模块 安装

nodejs和npm的关系

node.js是javascript的一种运行环境,是对Google V8引擎进行的封装,是一个服务器端的javascript的解释器。
npm是nodejs的包管理器(package manager)。
nodejs和npm是包含关系,nodejs中含有npm,安装好nodejs,cmd输入npm -v会发现npm的版本号,说明npm已经安装好。
小结:
我们在Node.js上开发时,会用到很多别人已经写好的javascript代码,如果每当我们需要别人的代码时,都根据名字搜索一下,下载源码,解压,再使用,会非常麻烦。于是就出现了包管理器npm。大家把自己写好的源码上传到npm官网上,如果要用某个或某些个,直接通过npm安装就可以了,不用管那个源码在哪里。并且如果我们要使用模块A,而模块A又依赖模块B,模块B又依赖模块C和D,此时npm会根据依赖关系,把所有依赖的包都下载下来并且管理起来。试想如果这些工作全靠我们自己去完成会多么麻烦!
vscode中如果未安装npm,那么使用npm就会提示:
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
解决方法就是安装node并且配置node的环境变量,然后还需要右键vscode使用管理员打开
node.js 下载地址:https://nodejs.org/en/

一般选择长期支持版,选最新版怕有一下bug
下载后直接一直下一步傻瓜式安装,可以默认安装目录,也可以自定义。
安装好之后,打开cmd命令窗口分别输入命令 node -v npm - v 检查一下版本号是否安装成功

检查版本好号之后会出现的情况如下:

    1、全都安装成功,但是依然不能运行

    2、显示npm不是内部或外部命令,也不是可运行的程序

这需要解决 环境变量配置 问题
步骤如下:
第一步:打开此电脑 ==> 右键属性 ==> 高级系统设置 ==> 环境变量

第二步:选中系统变量中的Path,
在系统变量中选中Path一行,点击编辑-----新的弹窗再点击新建-----输入 node的安装目录 最后点确定

标签:npm,node,nodejs,js,模块,安装
From: https://www.cnblogs.com/qingheshiguang/p/17220569.html

相关文章

  • JS当前时间(可直接复制使用)
    1<divclass="showTime"></div>2<script>3vart=null;4t=setTimeout(time,1000);//開始运行5functiontime(){6......
  • Vue.js 计算属性(p18~p20)
    视频18视频19视频20姓名案例_插值语法实现<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>姓名案例_插值语法实现</title> <!--引入Vue-->......
  • Node.js 微服务 All In One
    Node.js微服务AllInOneNest.js微服务(......
  • js快速入门
    前言之前曾学习了html和css,在学js的时候懈怠了,如今大三不得不面对自己web网页做不出来的现实,所以又前来学习web。因为之前js没有怎么学,所以直接从js开始了。不过js需要htm......
  • SSM jsp众筹平台
    SSMjsp众筹平台系统功能首页登录注册图片轮播新闻公告众筹资讯网站公告众筹项目发起众筹 在线留言关于我们合作伙伴后台管理首页系统用户管理新闻数据管......
  • JSP学习笔记
    responsesendRedirect();重定向操作,使用后重新生成新的response(不能传递request对象)request.getRequestDispatcher("login.jsp").forward(request,response);getParamet......
  • P4054 [JSOI2009] 计数问题
    二维树状数组板子,C[color][x][y] #include<bits/stdc++.h>usingnamespacestd;constintN=403,M=2e5+4;#defineintlonglongintA[N][N],c[101][N......
  • Vue.js 事件处理-事件修饰符
    视频<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>事件修饰符</title> <!--引入Vue--> <scripttype="text/javascript"src="../js/vue.j......
  • 【Azure K8S | AKS】分享从AKS集群的Node中查看日志的方法(/var/log)
    问题描述使用AzureKubernetes服务(AKS),可以通过kubectl连接pod中查看日志,但是如何来查看节点的系统日志呢?如是否有ubuntu系统升级的记录? 问题解答是的,可以进入AKS......
  • Vue.js 事件处理-事件的基本使用v-on传参
    视频<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>事件的基本使用</title> <!--引入Vue--> <scripttype="text/javascript"src="../js/v......