NPM学习笔记

一、包管理工具是什么

1、定义:就是将别人写好的很多js代码放在一起(粗略的理解),然后对其进行管理

这里所谓的包指的就是各种插件(例如:jquery/Vue……)

2、包管理工具的好处:

1、复用别人已经写好的代码

你不会为每个项目都写一个 jQuery、React 这样的东西,而是直接使用别人已经写好的。

传统做法是:去官方网站下载对应的 js 文件,然后放到自己项目的对应路径下,比如 /assets/js/ 。

而现在有了 npm 和 yarn 这样的东西,99.9999 % 的开放获取的包都在一个集中存放的地方,方便了查找和下载。

2、管理包之前的依赖关系

因为大家写的包都放在这里了。

如果我要写一个新的包,里面的一个小程序正好是别人已经写好的,所以我就拿来用了。

这样就是我的包对别人的包有了依赖关系。

一个大型的库(包)这个依赖关系可能很复杂,

比如:依赖于几十个别的包,

同时,每个包都要求对应一个确定的版本(因为版本相差太大,可能会有API不兼容的情况)。

这样,如果人工去下载每一个依赖的包,将是一个指数级的任务:

A 包依赖于 B 和 C,同时 C 依赖于 D 和 E,B 又依赖于 F、G、H,D 又依赖于 I、J、K…

如此,基本是人类无法完成的任务。

当然,在没有包管理器之前,也没有人写包会依赖于这么多其它人的包,结果当然就是重复劳动:每个包都把一些常用的功能自己实现一遍。

二、npm是什么

npm全称Node Package Manager,他是node包管理和分发工具

Node.js 自带了软件包管理器 npm

1、是javascript的包管理工具

2、是nodejs官方的一种包管理工具

简单点来说,就是开发人员通过cmd命令符下载各种包版本的工具

三、npm安装:

1、安装出现的问题:由于npm的软件源地址在国外,所以会出现速度慢很多包安装不上时候

 2、安装需要的条件:想要安装npm就得需要先安装好nodejs,nodejs是基于C++编写的JavaScript引擎

 3、安装分类:npm安装:分为本地安装和全局安装,

(1)本地安装后你可以在的程序中用require(‘package‘)访问,

(2)全局安装通常是用于命令行工具,例如构建工具grunt CLI.

时间: 2024-09-29 16:53:31

NPM学习笔记的相关文章

npm学习笔记-修复npm权限问题

当你尝试安装一个全局包的时候,你可能会收到一个EACCES错误.这表明您没有npm用于存储全局包和命令的目录的写权限.您可以使用下列任一方式来修复这个问题: 1. 修改npm默认目录的权限(许可) 2. 将npm的默认目录修改为其他目录 3. 使用包管理器安装一个节点(包管理器会帮你处理这些) 在继续之前,你应该先备份你的电脑. 方式1:修改npm默认目录的权限(许可) 1. 查询npm的路径: Npm config get prefix 对于多数系统,路径是:/usr/local. 警告:如果

webpack学习笔记一

webpack.gulp.grunt是前端打包功能工具:因为已经学习了gulp,而最近发现webpack很火,于是着手学习webpack.本篇是webpack学习笔记系列的第一篇,欢迎指教. 我是从慕课网以及官网文档相结合的方式学习的,从官方文档学到的第一个知识点是在使用webpack打包过程中,即使没有webpack.config,js这个文件也是可以的. 首先是全局安装webpack,cmd(如果是window系统,在任意位置)执行命令: npm install --g webpack或cn

[Pro Angular.JS]学习笔记1.1:设置开发环境

可以使用yeoman.io,很方便.我已经写了一篇随笔,介绍如何使用.这里也有一篇介绍的文章:http://www.cnblogs.com/JoannaQ/p/3756281.html 代码编辑器,在Mac下用了一下WebStorm,太恶心了.另外发现书的作者使用的开发环境是Windows + VS Express 2013,为了方便学习,我也使用VS Express 2013 Update2.VS2013用起来蛮舒服的,把WebStorm比得跟驼屎一样.也许是因为我没用习惯吧. 1.安装Nod

react-native学习笔记--史上最详细Windows版本搭建安装React Native环境配置

参考:http://www.lcode.org/react-native/ React native中文网:http://reactnative.cn/docs/0.23/android-setup.html#content 1.安装Jdk(最好默认安装路径尽量别改) http://jingyan.baidu.com/article/a24b33cd59b58e19fe002bb9.html http://www.jb51.net/article/36811.htm(三个环境变量都配置)  Ja

windows下《七天学会NodeJS》学习笔记之二--代码的组织和部署

本系列第一篇:<windows下<七天学会NodeJS>学习笔记之一--NodeJS基础>,请参见这儿:http://blog.csdn.net/fm2005/article/details/41348813 模块路径解析规则:nodejs支持三种解析方式:/或C:开头的绝对路径:./开头的绝对路径:按照一定规则解析路径,直到找到模块位置. 内置模块:如果传递给require的是NodeJS内置模块名称,则不解析,直接返回内部模块导出对象. node_modules目录:node_

nodejs学习笔记之安装、入门

由于项目需要,最近开始学习nodejs.在学习过程中,记录一些必要的操作和应该注意的点. 首先是如何安装nodejs环境?(我用的是windows 7环境,所以主要是windows 7的例子.如果想看linux下的安装可以参考http://www.cnblogs.com/meteoric_cry/archive/2013/01/04/2844481.html) 1. nodejs提供了一些安装程序,可以去官网(http://nodejs.org/download/)按照自己的机器进行下载,下载完

webpack学习笔记八

webpack自动刷新浏览器 webpack开发服务器,是webpack官方提供的一个辅助开发工具,它可以自动监控项目下的文件,一旦有修改保存的操作,它就会自动执行打包命令,将我们的代码重新打包,并且需要的话还可以刷新浏览器. 首先我们安装webpack-dev-server 在CMD中安装执行npm intall webpack-dev-server -g 在项目目录执行安装依赖命令: npm install --save-dev webpack-dev-server 其中webpack-de

Ionic2学习笔记(9):访问本地设备

作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5559927.html ? ? ? ? Ionic2提供了访问本地设备的方法,但是需要安装Cordova依赖,我们以调用摄像头拍照为例来说明: 进入项目目录:cd MyFirstApp npm install ionic-native –save 增加调用Camera的插件:ionic plugin add cordova-plugin-carmera 在Home.html中,增加如下代码: 点击b

node.js框架StrongLoop学习笔记(一)

node.js框架StrongLoop学习笔记(一) 本人在用node.js做手机后台,查找框架发现StrongLoop挺适合,可是却发现没有中文教程,于是在自己学习时,做一下笔记,以方便其他像我一样的人参考(本人的英语水平非常差,只能一点点试着做,并记录下来,如果大家发现问题,请通知我好更正,谢谢了!).所有操作都是在CentOS7-x64,Node.js 0.12.2下完成的. nodejs框架StrongLoop学习笔记一 安装StrongLoop 创建项目 安装数据库驱动 配置数据库连接