使用包管理器npm安装和管理项目的依赖

一、简介

npm(node package manager)是世界上最大的软件注册表,每星期大约有30亿次的下载量,包含超过600000个包(即代码模块)。来自各大洲的开源软件开发者使用npm互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。是Node.js默认的、以JavaScript编写的软件包管理系统。

npm使用一个名为package.json的文件,用户可以通过npm install --save命令把项目里所有的依赖项保存在这个文件里。

官网网址:http://www.npmjs.com

二、安装node.js

2.1 下载网址:Node.js 中文网

2.2 验证安装是否成功

node  -v        显示版本号就是安装成功了。

 2.3 操作node里面自带工具npm

npm  -v        显示版本号就是安装成功了。

npm install npm -g(全局安装)      重新安装npm

安装时

安装成功

npm uninstall -g                           卸载npm   

dir                                                查看文件信息    

2.4 npm镜像的设置与查看

搭建环境通过如下代码npm设置成淘宝镜像

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

设置当前地址(设置为默认地址)

npm config set registry https://registry.npmjs.org/

查看镜像的配置结果

npm config get registry

npm config get disturl

使用nrm工具切换淘宝yuan

npx nrm use taobao

切换回官方源可使用

npx nrm use npm

三、npm基本使用

3.1 npm基本使用命令

3.2 npm常用命令

3.3 package.json属性说明

3.4 ES6兼容性解决

兼容表   http://kangax.github.io/compat-table/es6/
IE10+、Chrome、FireFox、移动端、NodeJS都支持

兼容低版本浏览器

  •     在线转换(加大页面渲染时间)
  •     提前编译(不影响浏览器渲染时间)

四、Yarn

Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ,正如官方文档中写的,Yarn 是为了弥补 npm 的一些缺陷而出现的。

官网:https://yarnpkg.com/

4.1 Yarn的安装

下载node.js,使用npm安装 

npm install -g yarn    

yarn --verdion           查看版本 

安装node.js,下载yarn的安装程序

提供一个.msi文件,在运行时将引导在Windows上安装Yarn

Yarn淘宝源安装,分别复制粘贴下面的代码到黑窗口运行即可

yarn config set registry http://registry.npm.taobao.org -g

yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

4.2 Yarn的基本使用

 4.3 Yarn的优点

  • 速度快
  • 安装版本统一
  • 更简洁的输出
  • 多注册来源处理
  • 更好的语义化

 4.4 从npm迁移到yarn

可以从npm迁移到yarn,也可以从yarn到npm

五、CLI 命令比较

npm (v5) Yarn
npm install yarn install
(不适用) yarn install --flat
(不适用) yarn install --har
npm install --no-package-lock yarn install --no-lockfile
(不适用) yarn install --pure-lockfile
npm install [package] yarn add [package]
npm install [package] --save-dev yarn add [package] --dev
(不适用) yarn add [package] --peer
npm install [package] --save-optional yarn add [package] --optional
npm install [package] --save-exact yarn add [package] --exact
(不适用) yarn add [package] --tilde
npm install [package] --global yarn global add [package]
npm update --global                   yarn global upgrade                    
npm rebuild yarn install --force
npm uninstall [package] yarn remove [package]
npm cache clean yarn cache clean [package]
rm -rf node_modules && npm install yarn upgrade

孩子,无论你做什么,爸妈都爱你我要学计算机少找個好人家 - 请谨慎选择专业!

猜你喜欢

转载自blog.csdn.net/m0_60263299/article/details/122313870
今日推荐