初识npm

一、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 [email protected] --save
  删除
    Npm uninstall jquery
  查版本
    Npm search jquery
  更新
    Npm updata jquery

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

时间: 2024-08-05 02:30:00

初识npm的相关文章

(初识MVC Core)三、包的安装NPM与打包--css和js

一:NPM的安装 1.右键项目=>添加新建项=>创建NPM配置文件 2.新增引用插件包(会出现自动提示),写完一个之后,保存一下,就会自动安装插件包 显示所有隐藏文件就可以看到安装的插件包了 二:js和css打包bundleConfig.json 1.新建一个名为bundleConfig.json的json 2.打包 1)在项目wwwroot底下创建文件夹js和css 2)修改bundleConfig.json内容 [ //css { //打捆生成的css文件路径和名称并压缩 "ou

nodejs初识,npm命令

### 什么是node.js 1. node.js是一个基于Chrome V8 引擎的 JavaScript运行环境. 2. node.js使用了一个事件驱动,非阻塞式I/O的模型,使其轻量又高效. 3. node.js的包管理器npm,是全球最大开源库生态系统. 4. node.js是让javaScript运行在服务器端,让javascript能做一些后台语言做的事情 5. node.js可以解析js代码(没有浏览器安全级别的限制,因为在服务器端),提供了很多系统级别的API,如: - 文件的

Bootstrap框架 - 初识

关于Bootstrap,额~,啊~,话不多说,直接搞起O(∩_∩)O~~ 安装 可以通过bootstrap官方网站下载安装 可以通过Bower安装(关于bower一种包管理器,本文不做详解) 1 bower install bootstrap 可以通过npm安装(关于npm可以阅读) 1 npm install bootstrap 项目中引入Bootstrap 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head>

YII2初识

前期准备: 关于 APACHE PHP的配置不在多说,直接上连接,非常详细. http://www.cnblogs.com/wangqishu/p/5028031.html MYSQL可以直接官网下载安装 本机是64位系统,故都使用的64位版本的软件. YII2初识: 安装YII2框架的方法有好多,在此,笔者使用COMPOSER来进行安装,关键命令如下: composer global require "fxp/composer-asset-plugin:~1.1.1"        

解读ASP.NET 5 &amp; MVC6系列(2):初识项目

原文:解读ASP.NET 5 & MVC6系列(2):初识项目 初识项目 打开VS2015,创建Web项目,选择ASP.NET Web Application,在弹出的窗口里选择ASP.NET 5 Website模板创建项目,图示如下: 我们可以看到,此时Web Forms\MVC\Web API复选框都选择不了,原有是因为在ASP.NET 5中做了大量更改,移除了Web Forms功能,将MVC.Web API.Web Pages这些功能合在了一起,所以自然就不需要这些复选框了.另外由于是CT

初识yeoman

最近开始新项目,在项目构建上面寻找合适的东西,grunt,bower到发现yeoman;学习了下,把一些东西记录下来然留着以后用. 1.什么是Yeoman Yeoman是Google的团队和外部贡献者团队合作开发的,他的目标是通过Grunt(一个用于开发任务自动化的命令行工具)和Bower(一个HTML.CSS.Javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流. Yeoman的目的不仅是要为新项目建立工作流,同时还是为了解决前端开发所面临的诸多严重问题,例如零散

初识 vue —— 最简单的前后端交互示例

一.初识 vue 时的困惑 最近想学一门前端技术防身,看到博客园中写 vue 的多,那就 vue 吧.都说 vue 的官方教程写得好,所以我就从官方教程开始学习.官方教程说"Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用."但是这个概念是个什么鬼?还是让人一头雾水嘛.而且我一开始也没有搞清楚 vue 的定位,只知道它是一个前端库,但是确实不知道它的优势是什么,还以为它是一个学会就能一劳永

npm run build 打包后,如何运行在本地查看效果(Nginx服务)

这段时间,有点时间,研究了一下vue 打包的很慢的问题.但是当我 npm run build 打包后,在本地查看效果的时候,活生生被我老大鄙视了,因为我打开了XAMPP.他说:你怎么不用Nginx啊?用这个一堆的路径问题!!!!!! 然后我就去研究了Nginx ...我原谅我老大了. 一.初识nginx Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like 协议下发行.其特点是占有内存少,并发能力强,事实上nginx的并发能力

初识KOA(上)

新一代node框架入门,前置知识:node基础,数据库基础,了解Koa怎么搭建服务器的,不适合通读,推荐跟文章实际操作(手把手教学) 如果有知识点未知请看: ejskoa文档前端er,你真的会用 async 吗?async/await 应知应会如何避开 async/await 地狱 之前对JS异步,这一块有点生疏,多看点博客 简介 Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小.更富有表现力.更健壮的基石. 通