包管理工具和配置项
-
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 下