Vue-cli3.0项目的创建和开发环境、测试环境、生产环境的部署

前言

本人小白如有错误或不足，请大神指点和纠正小弟

Vue-cli3.0构建项目步骤

1. vue create project_name
2. 

3. 

环境的部署

1. 在根目录部署3种环境文件（开发、测试、生产）
2. 
3. 内容分别是：
4. 在package.json中
5. 上述文件可见，测试环境和生产环境的区别通过Vue_APP_[Name] 来标识并且设定webpack的输出文件目录
6. 通过在设定的Js文件中来使用对应不同的环境的设定，如api.js通过环境的不同来设定不一样的api接口

涉及到关于依赖的安装认知（npm install）

1. npm install -g   全局安装依赖
2. npm install --save   生产环境下的项目依赖
3. npm install --save-dev 开发环境下的项目依赖
4. 生产环境下的项目依赖是npm run build打包的依赖
5. 当别人引入项目时候npm install 会自动下载开发环境下的依赖和生产环境下的项目依赖

关于安装全局依赖和本地依赖的区别

对于合作开发来说，对于一个项目最好弄上本地依赖，避免全局依赖版本不一，导致bug重重。项目跑起来优先寻找本地依赖后找全局依赖。