创建第一个vue项目

1，配置node环境

2，打开cmd切换到node安装目录，安装vue-cli:vue-cli会自动按照项目结构在你本地初始化一个项目，当然不用该工具，手动建文件夹配置js等也可以的，但是vue-cli 一行命令就自动生成了多方便呢

npm install vue-cli -g

3，切换到工作目录，在该目录下使用vue-cli初始化一个项目

vue init webpack projectTest  #自定义的项目名

4，使用node.js部署测试运行

cd projectTest

npm install

npm run dev

5,运行这个网址

6，打包发布

1）用cmd并进入到vue项目，或者在vue项目shift+右键打开powershell窗口，输入命令

npm run build

2）命令执行玩之后会生成一个dist文件夹，这就是部署包，把该部署包放到iis或者java webApp就能 运行了，服务器需要装node.js吗（测试后不需要）

7,dev和build的区别

   当我们执行npm build和npm dev其实都是执行的script里面的内容

   package.json里面

   "dev": "node build/dev-server.js",

    "build": "node build/build.js",

   解释：运行”npm run dev”的时候执行的是build/dev-server.js文件，

             运行”npm run build”的时候执行的是build/build.js文件。

build/dev-server.js

1.    检查node和npm的版本
2.     引入相关插件和配置
3.    创建express服务器和webpack编译器
4.    配置开发中间件（webpack-dev-middleware）和热重载中间件（webpack-hot-middleware）
5.    挂载代理服务和中间件
6. 配置静态资源
7. 启动服务器监听特定端口（8080）
8. 自动打开浏览器并打开特定网址（localhost:8080）

说明： express服务器提供静态文件服务，不过它还使用了http-proxy-middleware，一个http请求代理的中间件。前端开发过程中需要使用到后台的API的话，可以通过配置proxyTable来将相应的后台请求代理到专用的API服务器。

build/build.js

构建环境下的配置，

 build.js主要完成下面几件事：

1. loading动画
2. 删除创建目标文件夹
3. webpack编译
4. 输出信息

注：在我的理解，第一个是开发环境本地调试用的，第二个是项目生产环境用的，项目打包后代码压缩更安全