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. mysql备份命令

    mysql备份命令如下: 备份多个数据库可以使用如下命令: mysqldump -uroot -p123456 --databases test1 test2 test3 > /home/tes ...

  2. CF650C Table Compression

    CF650C Table Compression 给一个 \(n\times m\) 的非负整数矩阵 \(a\),让你求一个 \(n\times m\) 的非负整数矩阵 \(b\),满足以下条件 若 ...

  3. zabbix使用percona的mysql监控模板监控

    安装第三方插件仓库源: [root@iZ9j3yrx43sb5sZ ~]# yum install https://www.percona.com/redir/downloads/percona-re ...

  4. ASCII,unicode, utf8 ,big5 ,gb2312,gbk,gb18030等几种常用编码区别(转载)

    原文出处:http://www.blogjava.net/xcp/archive/2009/10/29/coding2.html 最近老为编码问题而烦燥,下定决心一定要将其弄明白!本文主要总结网上一些 ...

  5. 20175330 实验二《Java面向对象程序设计》实验报告

    一.前期准备:unit的安装与使用:打开idea,Preferences中点击Plugins,在market中搜索junit,如图点选JUnitGenerator V2.0进行安装,安装后会显示ins ...

  6. 百度地图JSAPI浏览器定位

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的秘钥 ...

  7. 小记Java时间工具类

    小记Java时间工具类 废话不多说,这里主要记录以下几个工具 两个时间只差(Data) 获取时间的格式 格式化时间 返回String 两个时间只差(String) 获取两个时间之间的日期.月份.年份 ...

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

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

  9. vscode 缩进改为2空格

    因为vscode默认启用了"editor.detectIndentation": true”根据文件类型自动设置tabsize的选项. 在配置中加上 "editor.de ...

  10. 计算机名称改名之后,tfs连接问题

    计算机名称改名之后,我们发现tfs连接会有问题 打开vs下的“开发人员命令提示”执行下面两条语句: 1.tf workspaces 2.tf workspaces /collection:http:/ ...