[TOC]
## 什么是npm
npm代表npmjs.corg这个网站,这个站点存储了很多的nodejs的第三方功能包。
NPM的全称是Node Package Manager ,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。它 可以让 javascript 开发者能够更加轻松的共享代码和共用代码片段,并且通过 npm 管理你分享的代码也很方便快捷和简单。
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
## npm安装
由于nodejs已经集成了npm,所以之前npm也一并安装好了。所以可以通过命令行 win+R =》cmd,输入`npm -v` 来测试是否安装成功。命令如下,出现版本提示表示安装成功。
~~~
C:\Users\Administrator>npm -v
3.10.10
~~~
如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级,命令如下:
~~~
C:\Users\Administrator>nom install npm -g
C:\Users\Administrator>npm -v
4.5.0
~~~
## 使用 npm 命令安装模块
npm 安装 模块语法格式如下:
~~~
npm install <Module Name>
~~~
以下实例,我们使用 npm 命令安装常用的 jquery库:
~~~
npm install jquery
~~~
![](https://box.kancloud.cn/7b85eab45e132ca6edd2759857cd67f7_299x59.png)
安装好之后,jquery 库就放在了工程目录下的 node_modules 目录中。
![](https://box.kancloud.cn/81e035201d835862baf40e85a0d0be59_579x273.png)
## 卸载模块
~~~
npm uninstall <Module Name>
~~~
## 创建模块,生成package.json文件
创建模块,package.json 文件是必不可少的。我们可以使用 NPM 生成 package.json 文件,生成的文件包含了基本的结果。
~~~
npm init
~~~
## cnpm安装
由于国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
官网:http://npm.taobao.org/
你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
~~~
npm install -g cnpm --registry=https://registry.npm.taobao.org
~~~
这样就可以使用 cnpm 命令来安装模块了:
~~~
cnpm install [name]
~~~
- 前端新手村
- 前言
- 第1章 遇见Vue.js
- 第一个Vue.js程序
- vue尝鲜
- 第2章 概念理解
- 渐进式框架
- 虚拟DOM
- MVVM模式
- MVX模式是什么
- 第3章 Vue基础概览
- 第4章 Vue内置指令详解
- vue-text
- vue-html
- v-show
- v-if
- v-else
- v-else-if
- v-for
- v-on
- v-bind
- v-model
- v-pre
- v-cloak
- v-once
- 第5章 基础demo小练习
- 图书管理系统
- 页面布局
- 列表渲染
- 功能实现
- 基于BootStrap+Vuejs实现用户信息表
- 功能描述
- 布局实现
- 星座判断
- 第6章 组件
- 什么是组件
- 使用组件
- Prop
- 自定义事件
- 使用Slot分发内容
- 动态组件
- 杂项
- 第7章-过渡
- 过渡效果
- 概述
- 单元素/组件的过渡
- 初始渲染的过渡
- 多个元素的过渡
- 多个组件的过渡
- 列表过渡
- 可复用的过渡
- 动态过渡
- 过渡状态
- 状态动画与watcher
- 动态状态转换
- 通过组件组织过渡
- Render函数
- 基础
- createElement参数
- 使用JavaScript代替模板功能
- JSX
- 函数化组件
- 模板编译
- 自定义指令
- 简介
- 钩子函数
- 钩子函数参数
- 函数简写
- 对象字面量
- Vuex状态管理
- Vuex是什么?
- Vuex的安装
- Vuex起步
- data的替代品-State和Getter
- 测试Getter
- Action-操作的执行者
- 测试Action
- 只用Mutation修改状态
- 测试Mutations
- Vuex的基本结构
- 子状态和模块
- 用服务分离外部操作
- Vue-router
- Vue-router是什么
- Vue-router安装
- 基本用法1
- 基本用法2
- Vue-cli
- Vue中的Node.js
- Vue中的npm、cnpm
- Vue中的webpack
- 安装
- 基本使用
- 模板
- 全局API
- Vue.extend
- Vue.nextTick
- Vue.set
- Vue.delete
- Vue.directive
- Vue.filter
- Vue.component
- Vue.use
- Vue.mixin
- Vue.compile
- 附录
- 相关网站
- 尤雨溪
- 第10章 webpack
- webpack安装
- webpack基本使用
- webpack命令行
- webpack配置文件
- 单页面应用SPA
- 第1章 Vue.js简介
- 1.1 Vue.js简介
- 1.1.1 Vue.js是什么
- 1.1.2 为什么要用Vue.js
- 1.1.3 Vue.js的发展历史
- 1.1.4 Vue.js与其他框架的区别
- 1.2 如何使用Vue.js
- 1.2.1 第一个Vue.js程序
- 1.2.2 Vue.js小尝鲜
- 1.3 概念详解
- 1.3.1 什么是渐进式框架
- 1.3.2 虚拟DOM是什么
- 1.3.3 如何理解MVVM
- 第2章 基础概览
- 2.1 Vue实例
- 2.1.1 构造器
- 2.1.2 属性与方法
- 2.1.3 实例生命周期
- 2.1.4 生命周期图示
- 2.2 模板语法
- 2.2.1 插值
- 2.2.2 指令
- 2.2.3 过滤器
- 2.2.4 缩写
- 第3章 Class与Style的绑定
- 第4章 模板渲染
- 第5章 事件详解
- 第6章 表单控件绑定
- 第7章 指令详解
- 7.1 内部指令
- 7.2 自定义指令
- 7.3 指令的高级选项
- 第8章 计算属性
- 第9章 过滤器
- 第10章 组件
- 10.1 什么是组件
- 10.2 注册组件
- 10.3 组件选项
- 10.4 组件间的通信
- 10.5 内容分发
- 10.6 动态组件