初识`npm`
[npm]是一个相对集中的NODE模块库
几乎所有的node模块在这里都可以下载,每周都有海量的上传,当然也可以将自己写的的模块上传,供自己和别人下载.稍后详解如何上传自己的模块
安装node之后会自动一并将npm自动配置并安装,
可直接在命令行中输入npm的指令
使用步骤及常用指令
首先如果要使用第三方的模块就需要通过npm的指令来完成
*tip*这里要提醒一点建议,[项目在哪一级目录,模块就装在哪个目录中,尽量避免项目之间共用模块发生冲突]--例如项目A和项目B分别使用Vue1.0和2.0 此时就不能用同一个库了,否则引用就会出错,node环境也不允许同一目录出现一个模块的两个版本
如果该项目目录是首次使用npm,那么在安装第三方模块之前应先执行初始化操作,一个项目目录只需执行一次即可
[npm init]初始化操作
项目目录下输入初始化指令
npm init
会让你输入模块配置的信息
"name": "4.npm",
->这个模块的名字,上传至npm以此为准
"version": "1.0.0",
->这个模块的版本默认"1.0.0"
"main": "index.js",
->模块主体文件名,引用模块时依据模块名字直接找到的就是这个文件"模块的核心"
"license": "MIT",
->许可,没啥卵用
一路按
回车初始化完成之后,就会在项目路下生成[node_modules]文件夹和[package.json]这个json文件里面记录的就是初始化时上面填的那些信息都是可以修改的,里面还可以存入下载的第三方模块的的版本信息(这个稍后也会详解)
安装第三方模块
安装第三方模块的方式有很多常规的方法就是通过[npm install 模块名]这个指令来安装,但是由于是国外的服务器,速度无法保证,所以下面介绍几种国内比较好用的模块源
首先安装切换模块源的工具
nrm
[npm install nrm -g]
安装完成后使用测试指令
[nrm test]
此时会列出几个现有的npm源以及它们的响应速度(当然越快越好),目前最快的是taobao的源,此时输入切换指令
[nrm use taobao]
完成后以后下载模块就会默认通过taobao的库下载
*tip:温馨提示安装目录不能出现中文或大写字母以及特殊符号,否则在安装过程中会出现错误
**卸载模块 [npm uninstall] **
查看模块版本[npm info vue]
指定版本安装 [npm install vue@1.0.0 --save]
再来说一下模块的[开发依赖]和[项目依赖]
说白了就是在安装模块时后面多加两个后缀命令[--save]项目依赖和[-dev]开发依赖
[项目依赖]
如果是在项目主体中用用到了这些模块如(jquery,Vue,等)这些就是项目依赖模块在安装时就在后面加上"--save"
npm install vue --save
这样就会在package.json里面"dependencies"记录这个模块信息
下次需要再次下载只要输入[npm install]指令即可不必再指定一个个安装那些模块.
[开发依赖]
如果是仅仅在开发规程中使用到的模块如(less,webpage等)在安装时后面加上--save-dev
npm install vue --save-dev
这样就会在package.json里"devDependencies"记录这个模块信息
同样也是不需再次对应下载,只需执行[npm install]即可.
[使用原则:]
运行时需要用到的包使用--save，否则使用--save-dev。
当然还有一种方法,声称速度更快,是由Facebook团队开发的[yarn]同样是需要通过npm下载安装.
安装指令,全局安装一次即可
[npm install yarn -g]
和npm一样使用前需要先初始化配置
[yarn init -y] "-y"跟npm一样直接跳过手动配置,一律使用默认配置
初始化完成后也会出现一个类似的json配置文件功能跟npm基本一样
安装指令[yarn install]默认安装全部依赖
开发依赖[yarn add less --dev]
项目依赖 [yarn add jquery]
删除[yarn remove less --dev]
发布自己的包
发布包(必须得是别人没发过的，包里需要有一个package.json文件)也就是配置文件中name不能跟别人重名,窦泽会上传失败 所以起名的时候有点新意
第一步登录npm先切换到npm[nrm use npm]
第二步注册账号[npm addUser]
指令会提示让你输入用户名密码和邮箱
完成注册之后执行第三步 发布模块指令[npm publish]需要先先将目录切换至模块所在目录再执行此指令
OK上npm官网看看有没有你发布的包吧~
