攻破Vue实战项目03

一、原理分析

1）在项目找到package.json并打开

dependencies： 生产环境（依赖）

devdependencies： 开发环境 （插件）

2）用命令如何安装到生产环境

npm install xxx -save

3）用命令如何安装到开发环境

npm install xxx -save-dev

4）生产环境与开发环境 区别

开发环境：我们在本地运行代码所依赖的，例如：eslint、webpack

生产环境：我们线上时必须要使用的 ，例如 ：vue-router、 axios

5）安装的简写

npm install xxx -S 也就是 npm install xxx--save 写入dependencies  生产环境

npm install xxx -D 也就是 npm install xxx--save-dev 写入devDependencies  开发环境  

二、在vue ui中安装插件

首先保证已经启动vue ui，然后看到插件、依赖这两项，就是上面讲解的原理，插件就是开发环境，依赖就是生产环境用的。

三、安装项目常用的依赖

3.1 vue-router

3.2 axios

3.3 vuex