package.json的创建方式

在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的描述文件，被称为package.json。

创建package.json的方法

package.json：是一个用于包的依赖管理文件
package.json可以通过npm init命令生成。

package name: (未命名文件夹) testDemo
Sorry, name can no longer contain capital letters.
package name: (未命名文件夹) fyn
version: (1.0.0) 
description: 测试
entry point: (index.js) 
test command: 
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /Users/nannan/Desktop/未命名文件夹/package.json:

{
  "name": "fyn",
  "version": "1.0.0",
  "description": "测试",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}
Is this OK? (yes) yes
XLFyndeMacBook-Pro:未命名文件夹 nannan$ 

Package.json 属性说明

name - 包名
version - 包的版本号
description - 包的描述
**homepage - 包的官网 url **
author - 包的作者姓名
contributors - 包的其他贡献者姓名
dependencies - 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module 目录下
repository - 包代码存放的地方的类型，可以是 git 或 svn，git 可在 Github 上
main - main 字段指定了程序的主入口文件，require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js
keywords - 关键字(便于检索)

打开package.json内容如下

{
  "name": "cmp-front",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@ant-design/colors": "latest",
    "ant-design-vue": "^1.4.3",
    "axios": "^0.19.0",
    "core-js": "^3.3.2",
    "enquire.js": "^2.1.6",
    "less": "^3.10.3",
    "less-loader": "^5.0.0",
    "nprogress": "^0.2.0",
    "vue": "^2.6.10",
    "vue-clipboard2": "^0.3.1",
    "vue-ls": "^3.2.1",
    "vue-router": "^3.1.3",
    "vuex": "^3.1.1",
    "webpack-theme-color-replacer": "^1.3.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.0.0",
    "@vue/cli-plugin-eslint": "^4.0.0",
    "@vue/cli-service": "^4.0.0",
    "babel-eslint": "^10.0.3",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "vue-template-compiler": "^2.6.10"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {
      "no-console": 0
    },
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}