npm火速上手
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火速上手的更多相关文章
- npm 的常用操作
cd 项目目录 npm install -y 初始化信息,-y表示所有的选择都表示确定 执行完之后会自动生成一个package.json文件 添加依赖: npm -i(install) jquery ...
- npm、webpack、vue-cli 快速上手
npm+webpack+vue-cli快速上手 Node.js npm 什么是Node.js 以及npm 简单的来说 Node.js 就是运行在服务端的JavaScript,基于Chrome ...
- npm、webpack、vue-cli 快速上手版
Node.js npm 什么是Node.js 以及npm 简单的来说 Node.js 就是运行在服务端的JavaScript,基于Chrome V8 引擎的. npm 是Node.js 的包管理 ...
- npm、webpack、vue-cli快速上手版
node.js和npm npm的安装和更新 Node.js下载安装,npm自带的包管理工具. 查看安装版本信息: node -v 查看node.js版本信息 npm -v 查看npm版本信息 更新np ...
- 快速上手npm
1.npm的安装和更新 2.npm的常用操作 3.npm的常用配置项 4.npm常用命令速查表
- 【转】自动化任务运行器 Grunt 迅速上手
原文转自:http://blog.jobbole.com/51586/ 这篇文章将带领你用Grunt来提速和优化网站开发的流程.首先我们会简短介绍Grunt的功能,然后我们直接上手,介绍如何用Grun ...
- grunt 上手
grunt 上手 开始上手 Grunt 和 grunt 插件都是通过 npm 安装, Node.js 包管理器管理的. Grunt 0.4.x 版本需要Node.js 版本号不低于0.8.0. 一.安 ...
- npm scripts + webpack 实践经验(React、Nodejs)
最近用Webpack+npm scripts+Mongodb+Nodejs+React写了个后台项目,在用Webpack构建过程中遇到了许多坑,就写出来分享一下. 构建工具五花八门,想当年刚学会Gru ...
- grunt--自动化任务快速上手
这篇文章将带领你用Grunt来提速和优化网站开发的流程.首先我们会简短介绍Grunt的功能,然后我们直接上手,介绍如何用Grunt的不同插件来替你完成网站项目开发中的很多繁冗工作. 接着我们会创建一个 ...
随机推荐
- AI caffe
caffe,是一个深度学习框架. Blob 存储数据. 批量图像数据(n, k, h, w):图像数量,图像通道,图像高度,图像宽度. data:值 diff:梯度 Layer data_layers ...
- maven下载及安装
一.下载及安装 1.1 下载maven 3.1.1 先到官网http://maven.apache.org/download.cgi 下载最新版本(目前是3.1.1 ),下载完成后,解压到某个目录,本 ...
- VUE工程上线首页加载慢问题优化
使用webpack-bundle-analyzer工具 下面介绍几种压缩文件的方式. 1.vue-router懒加载 2.工程文件打包的时候不生成.map文件 3.gzip压缩 4.CDN 5.VUE ...
- sql 查询优化小计
好久没更博了,偷偷的抽时间写一下. 早上开始working的时候,发现一个页面加载很慢,经排查是昨天写的一条联合查询的sql导致的.于是着手优化! 首先想到的是在join的时候,减少表体积之后再进行关 ...
- HTTP协议,Http 常用状态码
一.HTTP协议-Request HTTP报文是面向文本的,报文中的每一个字段都是一些ASCII码串,各个字段的长度是不确定的.HTTP有两类报文:请求报文和响应报文. 1.1 HTTP请求报 ...
- java web 常见异常及解决办法
javax.servlet.ServletException: javax/servlet/jsp/SkipPageException 重启tomcat, javax.servlet.ServletE ...
- 【学习总结】GirlsInAI ML-diary day-6-String字符串
[学习总结]GirlsInAI ML-diary 总 原博github链接-day6 认识字符串 字符串的性质 字符串的玩法 1-字符串就是字符的序列 序列,代表字符串是有顺序的!这里很重要. 比如我 ...
- ntpd、ntpdate、hwclock的区别
hwclock --systohc 使用ntpdate更新系统时间 - 潜龙勿用 - CSDN博客https://blog.csdn.net/suer0101/article/details/7868 ...
- jmeter环境配置
Java 8 安装 正常安装,一路默认就好,记住安装路径,配置环境变量时用得到.默认安装路径:C:\Program Files\Java\jdk1.8.0_91. 安装好之后会有两个文件夹一个是jdk ...
- 【转帖】Linux的历史----Linux内核剖析(一)
Linux的历史----Linux内核剖析(一) 2015年04月09日 10:51:09 JeanCheng 阅读数:11351更多 所属专栏: Linux内核剖析 版权声明:本文为博主原创文 ...