为什么要使用npm（自己的理解）
当年的前端都是sublime来玩，如今引入前端工程化的概念，让前端与后端分离，分离后的前端工程化，需要使用第三方管理工具进行开发过程管理。就出现了npm，Node Package Manager。
从字面我们可以理解，npm是基于node.js的，安装node.js后会自己集成npm管理工具。
玩过linux或者python的人，对npm这个命令比较不陌生，总感觉哪里比较像。其实，作为前端第三方管理，肯定要用命令行的方式来实现，所以这样的命令也就见怪不怪了。
为了更好的实现过程管理，出现了webpack和vue-cli来辅助。webpack配合配置文件，进行前端打包管理，vue-cli脚手架就是快速构建项目。
npm构建项目过程
1、在要创建的项目根目录下打开cmd，并执行 vue init webpack 项目名称 命令。
随后，会预填一些项目配置，注意后面那三个no no no
注意命令行下面 vue-cli Generated "explorevue"
使用vue-cli脚手架生成vue项目
怎样生成项目？借助互联网，下载需要的各种包。
为什么前端现在也流行包管理了？那天看到一个大侠说程序员有社区文化。将前端将要使用到的各种包下载下来，程序员不用分别在官网下载相应的文件，这种方式会便捷很多。
包的管理和包的更新，需要互联网上有专门的服务器来管理。各个前端重要文件，都上传到统一的服务器，由服务器统一管理。
但是像我们单位，网速比较慢，下载起来你就痛苦了。我忍不住用sha256哈希算法写了一段牢骚话编译成256位加密字符串放到网上。
2、看到如下界面，说明项目已经自动生成好了
3、新创建的项目根目录下（我这里是xxx/code/ground/explorevue/）执行cmd命令：npm run dev
经过编译，它放出了一个本地地址，可以区访问。我们看看，它的界面是什么。
在浏览器的Tab页我们看到一个explorevue项目在localhost:8080地址打开。
4、我们把访问端口改成7002
index.js文件port修改成7002
为什么是npm run dev
在编译的时候，将npm run dev命令映射成webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
webpack-dev-server命令借助node服务器实现项目运行，项目热更新，实时监听前端文件变化。（这个开过的时候有体会，当你修改了前端代码，浏览器会自动刷新）
后面就是跟了三个参数，类似python命令行的那种方式。
加载了build文件夹下的webpack.dev.conf.js文件，这个文件生成webpack的配置结果，其中又会加载webpack.base.conf.js文件。
webpack.base.conf.js文件中有个main.js配置，这个就是项目入口文件。
main.js里面定义了一个App的模板，调用App.vue模板的内容，我们就看到了hello vue的欢迎界面。
