peakage.json填坑

以前知道通过npm install 可以建立一个peakage.json的文件

来记录所下载的东西，，但是不知道还有很多的用处。。

。。。。

填坑之旅

首先明白几个对象名称的不同意义吧

name : 项目的名称

description : 项目的描述

version ：项目的 版本号

config 应用的配置项

author 项目的作者

respository 资源仓库的地址

licenses 授权的方式

directories 目录

main 应用入口文件

bin 命令行文件

dependencies 项目应用运行时候以来的模块

devDependencies 项目应用开发环境以来的模块

engines 运行的引擎

script 执行命令的脚本

–save参数表示将该模块写入dependencies属性，

–save-dev表示将该模块写入devDependencies属性。

{
    "name": "vue-2.0-simple-routing-example", 
    "description": "A Vue.js project", 
    "author": "Chris Fritz <chrisvfritz@gmail.com>", 
    "private": true, 
    "scripts": {
        "dev": "webpack-dev-server --inline --hot", 
        "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", 
        "predeploy": "npm run build", 
        "deploy": "surge --project . --domain vue-2-simple-routing-example.surge.sh"
    }, 
    "dependencies": {
        "vue": "^2.0.0-beta.1"
    }, 
    "devDependencies": {
        "babel-core": "^6.0.0", 
        "babel-loader": "^6.0.0", 
        "babel-preset-es2015": "^6.0.0", 
        "cross-env": "^1.0.6", 
        "css-loader": "^0.23.1", 
        "file-loader": "^0.8.4", 
        "surge": "^0.18.0", 
        "vue-loader": "^9.0.0", 
        "webpack": "^1.12.2", 
        "webpack-dev-server": "^1.12.0"
    }
}

repository 仓库的地址

"repository": {
    "type": "Git",
    "url": "git+https://github.com/rainnaZR/es6-React.git"
  },

scripts 通过设置这个可以使用npm 调用一些脚本命令

"scripts": {
    "dev": "webpack-dev-server --inline --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
    "predeploy": "npm run build",
    "deploy": "surge --project . --domain vue-2-simple-routing-example.surge.sh"
  },

config

添加一些设置，可以供scripts读取使用，同事这里的值也会被添加到系统的环境变量中

"config": {
  "port": "8080"
}

npm start的时候会读取到npm_package_config_port环境变量。

dependencies

指定依赖的其它包，这些依赖是指包发布后正常执行时所需要的，也就是线上需要的包

使用 npm install --save 报名

devDependencies

这些依赖只有在开发时候才需要。使用下面的命令来安装：

使用npm install --save-dev