初识npm

作者: 也许________ | 来源:发表于2020-04-22 16:36 被阅读0次

npm作用

下载前端模块会用到的一个工具,类似maven,可以从官方仓库或者第三方仓库下载资源(可以修改仓库源地址来加速)
不同的是,npm自带nodejs,前端人员可以自己编写后台程序,不依赖后端开发人员

npm命令

初始化项目命令 npm init / npm init -y

使用cmd,在项目文件夹根目录,执行命令npm init 或 npm init -y
两个命令的区别在于前者执行后,需要与用户进行交互,需要用户填写项目概况,后者会自动填写默认数据,初始化完成后,在项目文件夹根目录会生成项目描述文件package.json

图1使用命令npm init,需要进行输入相关信息才能初始化项目
图2使用npm init -y,全部使用默认数据,自动初始化项目

npm init npm init -y
项目内安装模块命令 npm install <模块名称>@版本号

npm install jquery 或 npm install jquery@2.1.0
前者会下载模块的最新版本,后者会下载模块的指定版本

ps:
指定版本号:
比如 2.1.0 ,只安装指定版本。遵循 “大版本.次要版本.小版本”的格式规定。

~ 波浪号 + 指定版本号:
比如 ~2.1.0 ,安装 2.1.x 的最新版本(不低于2.1.x),但是不安装 2.2.x,也就是说安装时不改变大版本号和次要版本号。

^ 插入号 + 指定版本号:
比如 ^2.1.0 ,安装 2.x.x 的最新版本(不低于2.1.0),但是不安装 3.x.x,也
就是说安装时不改变大版本号。需要注意的是,如果大版本号为0,则插入号的行为与波浪号相同,这是
因为此时处于开发阶段,即使是次要版本号变动,也可能带来 程序的不兼容。

latest :安装最新版本

想要使用某种版本需要修改描述文件模块的版本配置信息
可以修改配置版本信息 ^2.1,0 或 ~2.1.0 或 latest

项目描述文件-模块描述
全局安装模块命令 npm install [模块名称] -g

全局安装模块会安装在默认的本地仓库中,通常默认的本地仓库在C盘,有的机器C盘目录是禁止写入数据的,这时可以设置仓库为其他盘的自定义路径

npm root -g 查看仓库位置
npm config set prefix "自定义仓库路径" 修改仓库地址
npm list -g / npm ls -g 查看全局已安装的模块列表

不同环境安装模块

生产环境安装模块 npm install [模块名称] / npm install [模块名称] -S
安装完成后会在项目中的package.json的dependencies节点显示模块版本信息

测试环境安装模块 npm install [模块名称] -D
安装完成后会在项目中的package.json的devDependencies节点显示模块版本信息

不同环境安装模块
批量下载模块 npm install

下载的开源项目通常是不包含模块文件的,package.json中配置了项目使用到的所有模块信息,使用命令可以批量下载配置文件中的模块(在package.json文件所在的目录下执行命令npm install)

查看下载的模块 npm list / npm list -g

在项目根目录执行命令npm list / npm ls,查看当前项目所有模块信息
在任意目录执行命令npm list -g,查看所有的模块信息

卸载模块 npm uninstall [模块名称] / npm uninstall -g [模块名称]

在项目根目录执行 npm uninstall [模块名称],删除当前项目的模块
在任意目录执行npm uninstall -g [模块名称],全局删除模块

查看模块版本信息

在任意目录执行npm view [模块名称] version,查看模块最新版本信息
在任意目录执行npm view [模块名称] versions,查看模块所有版本信息(注意version后面有个s,表示复数)

更换淘宝源

npm get registry 查看仓库源
npm config set registry https://registry.npm.taobao.org 切换为淘宝源

相关文章

  • 初识npm

    npm作用 下载前端模块会用到的一个工具,类似maven,可以从官方仓库或者第三方仓库下载资源(可以修改仓库源地址...

  • 初识nodejs

    初识nodejs nodejs需会工具 nvm工具实现nodejs任意版本切换 npm下载nodejs所需模块 n...

  • Node.js安装与nmp的基本使用

    Node.js安装与nmp的基本使用 JavaScript引擎 chrome的V8引擎 初识Node.js npm...

  • Vue-cli环境安装

    1:升级npm #查看npm的版本$ npm -v #使用npm升级npm的版本$ npm npm install...

  • NPM指令

    NPM指令 升级npm npm install npm -g 安装模块 npm install

  • Node 的生态NPM

    npm i 【npm install】 安装 npm install npm -g npm的三个部分 npm 官网...

  • npm

    一、npm 发包相关指令 npm adduser npm publish npm update npm versi...

  • node、npm 常见操作

    node、npm 查看版本 $ node -v$ npm -v npm 升级 $ npm i -g npm@latest

  • NPM 常用命令

    这里介绍的命令有如下: npm -v npm init npm install npm list npm unin...

  • npm 常用命令

    查看所有配置 npm config list 查看npm版本 npm -v 升级npm版本 npm install...

网友评论

      本文标题:初识npm

      本文链接:https://www.haomeiwen.com/subject/zvuiihtx.html