Vue项目模块管理

一般会用到Node.js来进行模块管理，常见三种安装方式：

npm i  -g 包名 :全局安装，一般用于需要使用命令行，由于全局安装路径已在path中，所以可以直接执行命令

例如： vue, jhipster, bower

npm i 包名 本地安装 需要打包并部署的模块，出现在dependencies

例如：axios, babel-runtime, bootstrap, jquery

npm -D 包名 本地开发安装 无需部署的模块，出现在devDependencies

例如： babel-loader, chalk, eslint, webpack

如果已经存在package.json文件，npm i可以自动对文件中包含的模块进行安装，对于团队项目管理，必须要同时提交package-lock.json文件，它是基于package.json文件，记录项目中真正安装的版本，它可以保证项目每次可以成功安装。相反，由于package.json中存在类似于 ^1.1.0,~1.1.0等，如果没有package-lock.json文件限制，每次会安装不同版本的模块，很容易造成一些不兼容的情况。

掌握好以上四点，vue项目就可以做到成功搭建开发环境。

Good Luck,

Cheers!