【前端】npm安装与基本使用

基本使用

什么是NPM?

• npm是node的包管理器
• Node.js默认的以Javascript编写的软件包管理器
• 分享和使用代码
• 类似Java领域中的Maven技术

NPM的安装

• 下载Node后会自动下载NPM
• http://nodejs.cn

NPM的基本命令

• npm init 初始化项目

• npm-v 查看版本

• npm install 命令安装模块

• npm list -g 查看所有全局安装的模块

• npm list 查看某个模块的版本号

• npm install -save moduleName #-save在package文件的dependencies节点写入数据

• npm install -save-dev 在devDependencies节点中写入数据，运行时还需要此模块

• npm install @xx.xx 在模块后面加一个@符号指定对应下载的版本

文件属性详解

在创建一个空文件夹后,使用npm init 初始化时，就会产生一个package.json

{
  "name": "npm-demo-first",
  "version": "1.0.1",
  "description": "这是一个npm初始化练习",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "study"
  ],
  "author": "gaby",
  "license": "ISC"
}

• name:项目名称
• version:项目版本
• description:项目描述
• main: 主文件入口
• scripts:脚本命令
• keywords:关键词
• author:作者
• license:认证
• dependicies:依赖
• devDependices:运行时依赖
  …

NPM安装包使用

项目中会需要其他模块，如Jquery、Babel等，这时候就需要引入。npm中通过 npm install 方式来安装模块，然后会在一个node_modules文件夹中存放。

引入方式

• 早期是直接用传统方式在javascript标签中引入所需的模块。
• 用CommonJs引入 (require,export)
• 用webpack引入

es6中用import,from关键字

ommonJs引入 (require,export)

• 用webpack引入

es6中用import,from关键字