Vue学习笔记（三）------配置项

包管理工具和配置项

• npm和package.json

  npm 是 Node Package Manager 的简称，顾名思义，它是 node 的包管理工具，也是目前世界上最大的开源库生态系统。

  使用 vue-cli 来构建自己的项目，并生成了相应的目录结构，而在最外层目录中，我们可以看到有 package.json 这一文件，该文件便是我们需要了解的包管理文件，例如：

  {
       
      "name": "my-project", 
      "version": "0.1.0", 
      "private": true, 
      "scripts": {
       
          "serve": "vue-cli-service serve",
          "build": "vue-cli-service build",
          "lint": "vue-cli-service lint"
      },
      "dependencies": {
       
          "vue": "^2.5.16",
          "vue-router": "^3.0.1",
          "vuex": "^3.0.1"
      },
      "devDependencies": {
       
          "@vue/cli-plugin-babel": "^3.0.0-beta.15",
          "@vue/cli-service": "^3.0.0-beta.15",
          "less": "^3.0.4",
          "less-loader": "^4.1.0",
          "vue-template-compiler": "^2.5.16"
      },
      "browserslist": [
          "> 1%",
          "last 2 versions",
          "not ie <= 8"
      ]
  }
  

  可以看到该文件是由一系列键值对构成的 JSON 对象，每一个键值对都有其相应的作用，比如 scripts 脚本命令的配置，我们在终端启动项目运行的 npm run serve 命令其实便是执行了 scripts 配置下的 serve 项命令 vue-cli-service serve ，我们可以在 scripts 下自己修改或添加相应的项目命令。

  而 dependencies 和 devDependencies 分别为项目生产环境和开发环境的依赖包配置，也就是说像 @vue/cli-service 这样只用于项目开发时的包我们可以放在 devDependencies 下࿰