npm和cnpm(windows)安装步骤

npm和cnpm(windows)安装步骤一、什么是npm和cnpmnpm(nodepackagemanager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整npmjs.org镜像,你可以用此代替官方版本(只读),同步频……………

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

 node和npm版本对应表:以往的版本 | Node.jsNode.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.npm和cnpm(windows)安装步骤https://nodejs.org/zh-cn/download/releases/

npm和cnpm(windows)安装步骤  

 nodeJs到14.0.0就不支持win7系统了,只能选择之前的版本,比较新的是13.14.0版本。注意:13.14.0版本的node不能使用cnpm,如下:

npm和cnpm(windows)安装步骤

1、npm config set prefix “node安装路径\node_global”
2、npm config set cache “node安装路径\node_cache”
3、配置环境变量:将”node安装路径\node_global”添加到环境变量path中

一、什么是npm和cnpm

npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) 
cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

二、安装nodejs

1、首先前往nodejs官网下载nodejs 

npm和cnpm(windows)安装步骤

2、然后点击安装,选择自己要安装的路径,此处我选择的是:D:\node-v10.14.2-x64,安装至完成。 
3.window+R,输入cmd,打开命令提示符窗口,输入: 

node -v
npm -v

npm和cnpm(windows)安装步骤

三、改变原有的环境变量

1、首先配置npm的全局模块的存放路径、cache的路径,此处我选择放在:D:\node-v10.14.2-x64 
依次输入如下命令:(注意路径要改为自己的路径

npm config set prefix "D:\node-v10.14.2-x64\node_global"
npm config set cache "D:\node-v10.14.2-x64\node_cache"

 如下图所示:

npm和cnpm(windows)安装步骤

2、在命令行输入以下命令安装express,express是node官方唯一推荐的一个web框架,提供很多基础方便的功能。(注:“-g”表示安装到global目录下,就是上面设置的node_global中)

npm install express -g

npm和cnpm(windows)安装步骤

可以看到node_global/node_modules下有express了,如图: 

npm和cnpm(windows)安装步骤

3、在系统环境变量添加NODE_PATH,输入路径为: D:\node-v10.14.2-x64\node_global\node_modules
操作如下:我的电脑右击,打开属性->高级系统设置->环境变量->新建(系统变量下)->输入变量名NODE_PATH->变量值:通过“浏览目录”输入上面路径,确定即可。 

npm和cnpm(windows)安装步骤

npm和cnpm(windows)安装步骤

4、重新打开命令行(win+R)输入node进入编辑模式,输入以下代码检测是否能正常加载模块:

node 

require('express')

 npm和cnpm(windows)安装步骤

注:使用NPM命令:

  • 下载三方库:npm install vue –save (vue是库名称 –save是保存,这里的 横线 是2–save也可以简写成-S)
  • 全局安装bowernpm install bower –g
  • 使用bower info 可以查看库的版本:bower info vue
  • 下载指定版本的库:npm install vue@2.1.0 (vue是库名称+@符号+版本号)

四、安装cnpm

1、安装cnpm,输入以下命令:

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

如下图:

npm和cnpm(windows)安装步骤

(注意:为了避免每次安装都需要–registry参数,可以使用如下命令

进行永久设置:npm config set registry http://registry.npm.taobao.org

2,输入cnpm -v ,检测是否正常,但是这里会报错。

npm和cnpm(windows)安装步骤

3,因为cnpm会被安装到D:\node-v10.14.2-x64\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。 
如图,修改系统变量path: 

npm和cnpm(windows)安装步骤

然后重新win+r,输入cmd,在打开的窗口中输入:cnpm -v

结果如下:

npm和cnpm(windows)安装步骤

查看npm安装位置:npm root -g 

查看cnpm安装位置:cnpm root -g 

清屏命令:cls

npm和cnpm(windows)安装步骤

其他

启动一个最最简单的node项目

新建一个文件夹test,进入文件夹,打开dos窗口,执行命令:npm init -y 来新建一个package.json文件。

npm和cnpm(windows)安装步骤npm和cnpm(windows)安装步骤

在package.json同级目录下新建index.js文件,其内容为:console.log(“hello world”)

npm和cnpm(windows)安装步骤

 启动node项目:执行命令node index.js

 npm和cnpm(windows)安装步骤

启动成功!

如果想要使用npm run start启动命令,可在package.json中的scripts对象中添加start属性,其内容为:node index.js

npm和cnpm(windows)安装步骤npm和cnpm(windows)安装步骤

 启动成功

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/181444.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • java getclassloader_java-关于getClass().getClassLoader()

    java getclassloader_java-关于getClass().getClassLoader()InputStreamis=getClass().getClassLoader().getResourceAsStream(“helloworld.properties”);中getClass()和getClassLoader()都是什么意思呀.getClass():取得当前对象所属的Class对象getClassLoader():取得该Class对象的类装载器类装载器负责从Java字符文件…

  • Idea编译:Java找不到符号「建议收藏」

    Idea编译:Java找不到符号「建议收藏」在使用idea编译运行程序时,有时会出现‘Java找不到符号’的报错,一般可采取以下几种方法:1、选择相应的模块,使用maven的reloadproject2、重启idea3、设置统一的编码,一般为UTF-84、重新build5、经过以上操作依旧没有效,直接追溯报错的位置,发现是log,注释这行代码后重新编译,报错显示下面的log,因此基本判断出是日志这块儿的问题。日志我使用的是@Slf4j注解:lombok依赖使用的1.18.2版本<dependency>

  • PHP TCPDF导出支持中文的pdf

    PHP TCPDF导出支持中文的pdfPHP使用TCPDF导出支持中文的pdf一、下载https://github.com/tecnickcom/tcpdf下载TCPDF压缩包二、使用方法 require_once(‘./TCPDF/tcpdf.php’); $pdf=new\TCPDF(); $pdf->AddPage(); $html=”<p>helloworld你好世界</p>”; $pdf->WriteHtml(20,$html); //四种模式I输出

  • C语言课程设计图书管理系统_大一c语言课程设计模板

    C语言课程设计图书管理系统_大一c语言课程设计模板倾心原创,转载请备注原文地址,谢谢。主要内容:图书信息包括:书名、作者名、ISBN号、出版单位、出版年份、价格等。试设计一个图书信息管理系统,使之能提供以下功能:(1)系统以菜单方式工作(2)图书信息录入功能(图书信息用文件保存)(3)图书信息浏览功能(4)查询和排序功能:(至少一种查询方式)(5)修改图书信息:对某图书信息进行修改(6)删除图书:将某图书的信息删除…

    2022年10月11日
  • java linkhashset_java中集合怎么定义

    java linkhashset_java中集合怎么定义LinkedHashSet是Set集合的一个实现,具有set集合不重复的特点,同时具有可预测的迭代顺序,也就是我们插入的顺序。并且linkedHashSet是一个非线程安全的集合。如果有多个线程同时访问当前linkedhashset集合容器,并且有一个线程对当前容器中的元素做了修改,那么必须要在外部实现同步保证数据的冥等性。下面我们new一个新的LinkedHashSet容器看一下具体的源码实现。…

    2022年10月12日
  • WPF WrapPanel:自动折行面板「建议收藏」

    WPF WrapPanel:自动折行面板「建议收藏」WrapPanel:自动折行面板。内部元素在排满一行后能够自动折行,类似于Html中的流式布局WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行。常用的方法:1.Orientation——根据内容自动换行。当Orientation属性的值设置为Horizontal:元素是从左向右排列…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号