ionic开发介绍之NPM管理工具简绍

本文只是简单的简绍。适用于刚刚开发ionic项目的同学学习了解

在开发中，项目里用到的各种工具比如bower，gulp插件，cordova插件都是利用NPM来下载及管理的。而这些文件都是记录在package.json里的，对于自己新建立的项目目录里，这个文件是不存在的需要自己通过命令

npm init 来进行建立一个。后续用npm添加文件的是可以通过命令“npm instll filename”来安装，如果想要吧这个文件作为项目的默认依赖项可以在命令里加入参数：“—save-dev”，这样的化，当年这个项目代码给其他人使用的时候，就不必发送各种库文件，只需要项目目录里有这个文件，然后，执行“npm install”命令就可以安装项目需要的各种工具集。依赖项文件的好处是方便分享项目目录，只要一个npm install 命令即可保证代码的运行环境

先简绍各个关于npm的常用命令

npm init  通过命令行交互初始化一份package.json 文件

npm install filename     给当前目录安装 filename文件（即便有全局的，有的文件仍旧需要在在项目目录安装）

npm install filename –g 给电脑全局安装 filename文件，

npm install –save-dev filename 安装filename并其保存到package.json依赖记录文件里

 

对于使用 ionic start demo 创建的工程，其默认已经有了package.json文件，不需要自己创建。只需要在项目目录里执行 npm install命令即可下载package.json里提到的文件。文件被下载到“node_modules”目录下和“plugins”目录下。其中package.json 文件如下：

{

 "name": "demo",

 "version": "1.1.1",

 "description": "demo: An Ionic project",

 "dependencies": {

   "gulp": "^3.5.6",

   "gulp-sass": "^2.0.4",

   "gulp-concat": "^2.2.0",

   "gulp-minify-css": "^0.3.0",

   "gulp-rename": "^1.2.0"

  },

 "devDependencies": {

   "bower": "^1.3.3",

   "gulp-util": "^2.2.14",

   "shelljs": "^0.3.0"

  },

 "cordovaPlugins": [

   "cordova-plugin-console",

   "cordova-plugin-device",

   "ionic-plugin-keyboard",

    "cordova-plugin-whitelist",

   "cordova-plugin-statusbar",

   "cordova-plugin-splashscreen"

  ],

 "cordovaPlatforms": []

}