NPM

1.NPM 是什么

NPM 官网：https://www.npmjs.com/

NPM 是随 NodeJs 一同安装的 JavaScript 的包管理器。

安装完 NodeJs ，在 cmd 下可以使用命令查看其版本。

C:\Users\Administrator>npm -v
2.15.8

2.NPM 常用指令

1.全局安装——可以直接在命令行使用。

npm install [name] -g

2.本地安装——避免项目版本冲突，其安装包放在 node_modules 目录下(先全局安装，再本地安装)。

npm install [name] -g

指定版本安装的指令

npm install [name]@版本号

MAC 下需要管理员身份，需要在命令前加 sudo 。

3.卸载模块

npm install [name]@版本号

4.创建模块——npm 的初始化

npm init

然后根据提示输入模块（项目）名称、版本、模块描述、账号、密码等信息，输入 yes 确认后，生成 pacage.json 文件。

3.packpage.json 文件

packpage.json 文件位于模块（项目）目录下，用于定义包的属性。

{
  "name": "mmall-fe",
  "version": "1.0.0",
  "description": "mmall前端代码",
  "main": "index.js",
  "scripts": {
    "dev"     : "WEBPACK_ENV=dev webpack-dev-server --inline --port 8088",
    "dev_win" : "set WEBPACK_ENV=dev && webpack-dev-server --inline --port 8088",
    "dist"    : "WEBPACK_ENV=online webpack -p",
    "dist_win": "set WEBPACK_ENV=online && webpack -p"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/JiaxiaLi/mmall-fe.git"
  },
  "author": "JiaxiaLi",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/JiaxiaLi/mmall-fe/issues"
  },
  "homepage": "https://github.com/JiaxiaLi/mmall-fe#readme",
  "devDependencies": {
    "css-loader": "^0.28.7",
    "extract-text-webpack-plugin": "^1.0.1",
    "html-loader": "^0.5.1",
    "html-webpack-plugin": "^2.30.1",
    "style-loader": "^0.19.0",
    "url-loader": "^0.6.2",
    "webpack": "^1.15.0",
    "webpack-dev-server": "^1.16.5"
  }
}

main      指定程序的主入口文件，默认为模块根目录下的 index.js;
scripts     是自定义命令的写法，上面带“_win”是 windows 下的命令行，运行方式：

npm run [自定义命令名称]

repository           包代码存放的位置
devDependencies  开发用到的依赖包列表

4.NPM 自定义命令的使用

在 package.json 文件的 script 字段里定义：

"script" : {
     "自定义命令名称" : "原来的 npm 命令",
     "dev" : "webpack-dev-server --inline --port 8088"
}

使用方法：

npm run dev