npm 以及 package.json 文件使用和说明

  前端技术的应用确是比较多而繁杂，面对各种JS 框架、UI 框架“数不胜数”，在加上各种前端技术得日益更新，之前用过的东西忽然之间发现有一种更好的替代方案，因此将之前用过的东西抛开一端，这正也是技术的进步促进淘汰的体现。
  对于前端工程师的任务和挑战也挺多，面对一些高体现的移动端跨平台框架，如Weex 、React-Native或者Flutter 又或者是Dcloud 公司出品的uni-app ，在程序开发的道路上，然而这些都需要去了解和学习。

   npm 就是让无数前端代码统一在仓库中进行管理，我们只需要找到自己需要的依赖，然后再去使用它。

索引

1、安装 npm => node.js
2、初始化npm
3、package.json 文件说明
4、dependencies 字段和devDependencies 字段说明
5、npm常用命令的简明使用

安装 npm

  npm 是由node.js 编写的，因此我们电脑安装好了node.js ，npm 是随着node.js 一同安装的包管理工具。非常简单，熟悉node.js 的伙伴就毫无疑问了。您可以从任何网站下载node.js 应用程序，node.js 中文官网：http://nodejs.cn/

初始化npm：

  通常每个前端项目的根目录都会有一个文件时package.json。该文件可以定义项目需要得的各种模块，以及项目的配置信息等。如果没有需要手动使用命令行初始化 package.json。

// 该命令会将启动程序，将会要求您输入项目的基本信息，如项目名、版本号、入口文件等
npm init

// 将创建默认的package.json 文件
npm init --yes

package.json 文件说明：

{
	"name": "my_package",
	"description": "",
	"version": "1.0.0",
	"author": "Raccoon",
	"main": "index.js",
	"scripts":{
		"start": "node hello.js"
	},
	"dependencies":{
		"react": "^16.4.2",
		"webpack": "3.8.1",
		...
	},
	"devDependencies":{
		"axios": "^0.18.0",
		"less": "^3.8.1",
		...
	}
	"repository":{
		"type": "git",
		"url": "https://github.com/ashleygwilliams/my_package.git"
	},
	...
}

• name ：当前目录名
• description：package.json 文件描述或者 空字符 “”
• author：作者
• version：版本号
• main：指定的入口文件，默认是根目录下的index.js
• scripts：指定可执行的npm脚本
• repository：指定项目存放的地址，如git 仓库存放的url
• dependencies：定义项目所依赖的模块
• devDependencies：定义项目所需要使用的模块

dependencies 字段和devDependencies 字段说明：

• 指定版本号：如1.0.0，版本号前不带任何前缀
• 波浪号 + 版本号：如~1.2.2，表示安装1.2.x 的最新版本，但不能高于1.3.0 的版本
• 插入号 + 版本号：如^3.8.1，表示安装3.x.x的最新版本，但是不安装4.0.0 的版本
  latest：如 “axios”: “latest” ，则表示安装最新版本