npm,即node  package manager,翻译过来就是“node包管理工具”。“node包”是啥呢?它就是jquery啦、bootstrap啦之类的各种版本。

1、npm的安装

第一步,下载安装。npm的安装就是安装npm的运行环境,npm的运行环境就是“nodejs.org”,去这个官网上下载即可。node的作用是连接js和操作系统。本来js只能在浏览器上使用,但有了node之后,js就可以调用操作系统上的接口。因此,node是js和操作系统的桥梁。

第二步,验证是否安装。打开电脑终端(【win+r】,运行【cmd】,回车),在终端里查看npm。以下为查看npm基本状态的几个指令。

【npm -v】:查看安装的npm版本。

【node -v】:查看安装的node版本。其实使用npm,本质上就是只安装了node,只不过是使用node下面的工具,也就是npm而已。

【npm install npm@版本号】:更新npm到某一版本,若更新到最新版本的话,就直接【npm install npm@latest -g】即可。

【ctrl+c】:打断进程。

2、npm的常用操作

第一个,【npm init -y】:npm初始化。使用这个指令后,会发现生成了一个“package.json”的文件。

第二个,【npm install jquery】=【npm i jquery】:安装jquery。使用这个指令后,终端会提示安装了一个包(package),也就是jquery。同时会生成一个“node_modules”的文件,在这个文件下面,就会有“jquery”这个文件了。引用的时候,路径为“node_modules/jquery/dist/jquery.js”。

第三个,【npm install】:会安装这个项目应该有的各种package。这样多个人共同写一个项目也不会乱了。

第四个,【npm uninstall jquery】:卸载jquery。

第五个,【npm update jquery】:更新jquery到最新版本。

3、npm的常用配置项(不是很理解,先暂时做一下笔记)

有的是在生产环境下用的,有的是在开发环境和测试环境下用的。

在“package.json”文件夹里,会有一段代码叫做“dependencies:”,这里面存放的是在生产环境下的包。

而在开发环境和测试环境下使用的依赖,【npm i webpack --save-dev】,该命令执行后,会在文件夹里多了一段代码,叫做“devDependencies”,里面存了webpack这个包。

npm火速上手的更多相关文章

  1. npm 的常用操作

    cd 项目目录 npm install -y 初始化信息,-y表示所有的选择都表示确定 执行完之后会自动生成一个package.json文件 添加依赖: npm -i(install) jquery ...

  2. npm、webpack、vue-cli 快速上手

    npm+webpack+vue-cli快速上手   Node.js   npm 什么是Node.js  以及npm 简单的来说 Node.js 就是运行在服务端的JavaScript,基于Chrome ...

  3. npm、webpack、vue-cli 快速上手版

    Node.js   npm 什么是Node.js  以及npm 简单的来说 Node.js 就是运行在服务端的JavaScript,基于Chrome V8 引擎的. npm 是Node.js 的包管理 ...

  4. npm、webpack、vue-cli快速上手版

    node.js和npm npm的安装和更新 Node.js下载安装,npm自带的包管理工具. 查看安装版本信息: node -v 查看node.js版本信息 npm -v 查看npm版本信息 更新np ...

  5. 快速上手npm

    1.npm的安装和更新 2.npm的常用操作 3.npm的常用配置项 4.npm常用命令速查表

  6. 【转】自动化任务运行器 Grunt 迅速上手

    原文转自:http://blog.jobbole.com/51586/ 这篇文章将带领你用Grunt来提速和优化网站开发的流程.首先我们会简短介绍Grunt的功能,然后我们直接上手,介绍如何用Grun ...

  7. grunt 上手

    grunt 上手 开始上手 Grunt 和 grunt 插件都是通过 npm 安装, Node.js 包管理器管理的. Grunt 0.4.x 版本需要Node.js 版本号不低于0.8.0. 一.安 ...

  8. npm scripts + webpack 实践经验(React、Nodejs)

    最近用Webpack+npm scripts+Mongodb+Nodejs+React写了个后台项目,在用Webpack构建过程中遇到了许多坑,就写出来分享一下. 构建工具五花八门,想当年刚学会Gru ...

  9. grunt--自动化任务快速上手

    这篇文章将带领你用Grunt来提速和优化网站开发的流程.首先我们会简短介绍Grunt的功能,然后我们直接上手,介绍如何用Grunt的不同插件来替你完成网站项目开发中的很多繁冗工作. 接着我们会创建一个 ...

随机推荐

  1. RabbitMQ详解(三)------RabbitMQ的五种队列

    上一篇博客我们介绍了RabbitMQ消息通信中的一些基本概念,这篇博客我们介绍 RabbitMQ 的五种工作模式,这也是实际使用RabbitMQ需要重点关注的. 这里是RabbitMQ 官网中的相关介 ...

  2. C++模板参数类型(转载)

    实际上有三种类型模板参数:类型模板参数.无类型模板参数和模板模板参数(以模板作为模板的参数). .类型模板参数 类型模板参数是我们使用模板的主要目的.我们可以定义多个类型模板参数: template& ...

  3. 02-vue学习篇-以正确的姿势使用vue

    1.渲染数据 #view层 <div class="hello"> <h1>{{ msg }}</h1> //msg </div> ...

  4. 探讨.NET Core中实现AES加密和解密以及.NET Core为我们提供了什么方便!

    前言 对于数据加密和解密每次我都是从网上拷贝一份,无需有太多了解,由于在.net core中对加密和解密目前全部是统一了接口,只是做具体的实现,由于遇到过问题,所以将打算基本了解下其原理,知其然足矣, ...

  5. Groovy语言学习--语法基础(5)

    至此groovy语言学习-语法基础就结束了,新的工作已经安排下来,要干活了. 对groovy了解到一定程度之后就可以在java项目中对其进行引入了.为此新建了一个微型的项目,个人觉得千言万语不如代码实 ...

  6. 朱晔的互联网架构实践心得S1E7:三十种架构设计模式(上)

    朱晔的互联网架构实践心得S1E7:三十种架构设计模式(上) [下载本文PDF进行阅读] 设计模式是前人通过大量的实践总结出来的一些经验总结和最佳实践.在经过多年的软件开发实践之后,回过头来去看23种设 ...

  7. oracle树形结构层级查询之start with ....connect by prior、level、order by以及sys_connect_by_path之浅谈

    浅谈oracle树状结构层级查询 oracle树状结构查询即层次递归查询,是sql语句经常用到的,在实际开发中组织结构实现及其层次化实现功能也是经常遇到的,虽然我是一个java程序开发者,我一直觉得只 ...

  8. .net Core 调用微信Jsapi接口,H5解析二维码

    项目里需要用到扫描二维码,自己实现,不会. 找到了两种解决方案: 通过reqrcode.js,这是一个前端解析二维码内容的js库.如果二维码比较清晰,用这种效果也不错 调用微信扫一扫功能,这种效果很好 ...

  9. IIS 日志导入到数据库的方法

    使用微软Log Parser 执行 logparser "SELECT * FROM d:\iislogs\u_ex18071705.log TO myTableName" -o: ...

  10. 数学基础IV 欧拉函数 Miller Rabin Pollard's rho 欧拉定理 行列式

    找了一些曾经没提到的算法.这应该是数学基础系最后一篇. 曾经的文章: 数学基础I 莫比乌斯反演I 莫比乌斯反演II 数学基础II 生成函数 数学基础III 博弈论 容斥原理(hidden) 线性基(h ...