NPM

来源：互联网发布：springmvc注解详解源码编辑：程序博客网时间：2024/06/05 07:40

1.NPM 是什么

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

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

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

C:\Users\Administrator>npm -v2.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

阅读全文

0 0