码迷,mamicode.com
首页 > 其他好文 > 详细

初识npm

时间:2019-06-03 22:23:59      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:生成   exp   gulp   uninstall   下载   asc   strong   appdata   bpa   

一、npm简介

  npm全称为Node Package Manager,是一个基于Node.js的包管理器,也是整个Node.js社区最流行、支持的第三方模块最多的包管理器。

npm的初衷:JavaScript开发人员更容易分享和重用代码。

npm使用场景:允许用户获取第三方包并使用

npm版本查询:npm -v

npm安装:

  1.安装Node.js

    由于新版的Node.js已经集成了npm,所以可直接通过输入npm -v来测试是否成功安装。

  2.使用npm命令来升级npm: npm install npm -g

二、npm的工作原理

  1.什么是包(package)?

    当一个大型程序交由数个不同的程序人员开发时,用到相同的类名是很有可能的,在java程序开发中为了避免上述事件,提供了一个包的概念(package),使用方法很简单,只需要在写的程序第一行使用package关键字来声明一个包。

  2.什么是模块(module)?

    模板是通过配置文件中的一个dom节点进行包含一个或多个包。通常一般由包和配置文件以及相关模块程序构成完成一个或多个业务功能操作。

  3.为什么使用模块化?

    减少代码之间的关联度,部署方便,更好的分离 按需加载,避免命名冲突,容易维护。

  4.什么是模块化?

    Node自带的规范 Commonjs规范

    Commonjs是node的规范,运行在服务端,不是浏览器端,如果使用在浏览器端,需要使用对该文件进行打包编译(借鉴工具browserify,webpack,gulp等)

    书写模块的时候,对外暴露接口 module.exports={} exports.xxx=

    引入模块 require(路径)

    Commonjs暴露的本质是一个叫exports的对象

    Module.export={}和exports.xxx=

    二者暴露的本质是一样的,都是暴露一个exports对象

    Commonjs是node的规范,但他是同步加载的,同步加载在浏览器端是一个坑,只要一个环节卡住了,后面的就没法执行。所以不建议使用,如果非要使用就需要编辑打包。

  模块
    1.node自带的模块(包) path url fs
    2.第三方模块 weui jquery axios zepto
    Npm 全名 node packsge manager node包管理工具 增删查改
    如果npm操作太慢,可以安装npm镜像
    npm install -g cnpm --registry=https://registry.npm.taobao.org

 

  下载
    Npm install jquery
    下载存放的位置
  全局下载 在任何一个文件夹下都能使用这个包 全局安装目录
  C:\Users\Administrator\AppData\Roaming\npm\node_modules
  如何全局安装
    Npm install -g jquery
  局部安装
    Npm install jquery
    就会在当前目录下生成一个node_modules的文件夹里面
    Npm install jquery --save
  这个是下载运行环境(生产环境)的包 比如 jquery

 

    Npm install jquery --save -dev
    这个是下载开发环境所以来的包 比如npm browserify

  二者区别
    前者--save 是上线时会被压缩的包 后者--save-dev是上线时会被抛弃的包

  指定版本下载
    Npm install jquery@3.2.1 --save
  删除
    Npm uninstall jquery
  查版本
    Npm search jquery
  更新
    Npm updata jquery

 

初识npm

标签:生成   exp   gulp   uninstall   下载   asc   strong   appdata   bpa   

原文地址:https://www.cnblogs.com/baibaiguaiguai/p/10969829.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!