当前位置:首页 > 技术分析 > 正文内容

windows安装npm, 命令简介(cmd安装npm)

ruisui883个月前 (01-26)技术分析36

安装步骤

要在Windows上安装npm,按照以下步骤操作:

  1. 首先,确保您已经在计算机上安装了Node.js。可以从Node.js官方网站(https://nodejs.org/)下载并安装Node.js。
  2. 完成Node.js的安装后,打开命令提示符(Command Prompt)或者PowerShell。
  3. 输入以下命令来验证Node.js和npm的安装情况:
# 如果正确安装了Node.js和npm,会看到它们的版本号。
node -v
npm -v
  1. 如果发现npm没有正确安装,可以尝试使用以下命令来更新npm:
# 使用npm自身的更新命令来更新npm
npm install -g npm

5. 完成以上步骤,已成功安装npm

使用npm命令来管理和安装Node.js模块。

# npm install 本身有一个别名 npm i
# 全局安装模块 xxx
npm install -g xxx

# 本地安装模块 xxx
npm install -save xxx

命令详解

npm install

npm install 别名: npm i

npm i module_name -S

即 npm install module_name --save 写入dependencies,发布到生产环境。
这样安装是局部安装的,会写进package.json文件中的dependencie里。
dependencies: 表示生产环境下的依赖管理;
安装一个库用来构建项目时,比如echarts、element-ui,是实际在项目中起作用,就可以使用 -s 来安装。

npm i module_name -D

即npm install module_name --save-dev 写入devDependencies,发布到开发环境。
这样安装是局部安装的,会写进package.json文件中的devDependencies 里。
devDependencies :表示开发环境下的依赖管理;
如果安装的库是用来打包的、解析代码的,比如webpack、babel,就可以用 -d 来安装,项目上线了,这些库就没用了,不然留这些库给用户自己来打包和解析代码嘛。

npm i module_name -g

即 global全局安装(命令行使用)。
npm install module_name -g,表示全局安装,安装一次过后,可在其他地方直接使用。

npm i module_name

即本地安装(将安装包放在 ./node_modules 下)。
npm5以后,npm install module_namenpm install module_name --save一样,都是局部安装并会把模块自动写入package.json中的dependencies里。
使用npm install 安装模块或者插件时,若写到package.json文件中,用
--save-dev (写入package.json的devDependencies) 或 --save (写入package.json的dependencies)
注意:-D,-S 分别是 --save-dev和 --save的简写,默认就是 -S,可以省略不写

npm模块的安装与移除

npm安装模块

【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录;
【npm install -g xxx】利用npm安装全局模块xxx;
【npm install xxx】安装但不写入package.json;
【npm install xxx –save】 安装并写入package.json的”dependencies”中;
【npm install xxx –save-dev】安装并写入package.json的”devDependencies”中。

npm 删除模块

【npm uninstall/remove xxx 】删除xxx模块;
【npm uninstall/remove -g xxx】删除全局模块xxx;
并不能自动更新package.json,把xxx从dependencies,devDependencies,optionalDependencies中去掉。
只有加上对应参数才可以:-S,–save:dependencies

devDependencies与dependencies区别

devDependencies

表示 开发环境 下的依赖管理,里面的插件只用于开发环境(开发时依赖),不用于生产环境,例如vite、sass插件等(打包后就跟他没关系了);
开发时依赖:简单的说就是项目运行时不需要,只有程序员开发代码阶段才需要用到的工具

dependencies

表示 生产环境 下的依赖管理,里面的插件只用于生产环境(运行时依赖),是需要发布到生产环境,例如vue、element-plus等等。

如下图所示:sass仅用于生成环境,我们就使用npm i sass -D

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/570.html

标签: 卸载npm包
分享给朋友:

“windows安装npm, 命令简介(cmd安装npm)” 的相关文章

快速上手React

web前端三大主流框架1、Angular大家眼里比较牛的框架,甚至有人说三大框架中只有它能称得上一个完整的框架,因为它包含的东西比较完善,包含模板,数据双向绑定,路由,模块化,服务,过滤器,依赖注入等所有功能。对于刚开始学习使用框架的小伙伴们,可以推荐这个框架,学会之后简直能颠覆之前你对前端开发的认...

Windows 下 Git 拉 Gitlab 代码

读者提问:『阿常你好,Windows 下 Git 拉 Gitlab 代码的操作步骤可以分享一下吗?』阿常回答:好的,总共分为五个步骤。一、Windows 下安装 Git官网下载链接:https://git-scm.com/download/winStandalone Installer(安装版)注意...

用IDEA开发如何用Git快速拉取指定分支代码?

1,准备空的文件夹,git init2,关联远程仓库,git remote add origin gitlab地址3,拉取远程分支代码,git pull origin 远程分支名再用IDEA打开项目即可...

neovim 0.9在win下配置 python开发环境

初级的一些配置点击下面链接查看neovim安装插件管理器neovim常用快捷键neovim python开发环境简易配置方法 (需要手动键入命令行 运行python)安装neovim python的模块pip install pynvim pip install jedi pip install n...

数组、去重、排序、合并、过滤、删除

ES6数字去重 Array.from(new Set([1,2,3,3,4,4])) //[1,2,3,4] [...new Set([1,2,3,3,4,4])] //[1,2,3,4]2、ES6数字排序 [1,2,3,4].sort(); // [1, 2,3,4],默认是升序...

慕课 SpringBoot2.X+Vue+UniAPP,全栈开发医疗小程序

本课程以业务驱动技术栈,打造业务相对完整的掌上医疗小程序,解决大家没有好的毕设项目或者求职项目的困境。本课程案例采用前后端分离架构,业务功能完善(既有WEB管理端,也有移动用户端),界面美观,无需艰涩的技术也能做出亮眼的作品。SpringBoot2.X+Vue+UniAPP,全栈开发医疗小程序 |...