vue项目实战总结

马上过年了，最近工作不太忙，再加上本人最近比较懒，毫无斗志，不愿学习新东西，或许是要过年的缘故(感觉像是在找接口)。

就把前一段时间做过的vue项目，进行一次完整的总结。

这次算是详细总结，会从项目的搭建，一直到最后的服务器上部署。

废话不多说了。干货直接上。

一、 必须node环境, 这次就不写node环境的安装了。过两天我会写个node环境的安装随笔。

二、 node环境配好后。开整vue。

1. 安装vue脚手架。

npm install -g vue-cli

2. 用脚手架搭项目(只是一行命令)

vue init webpack-simple (项目名字)

或

vue init webpack (项目名字)

二者区别(个人理解)：

vue init webpack-simple :可以理解为轻巧的，没有多余的配置和包，但能保证项目正常运行。

vue init webpack : 可以理解为完整的，包含比较多配置和包。

3. 本次选用 vue init webpack 完整版的。

(1) 执行完vue init webpack，会遇见以下选项。

完成上述选(按需选择)，等把所需依赖下载完后。

(2) 进入刚建的项目里，执行npm install

eg: PS E:\vueTest\vueTest2> npm run dev

当 出现下面的话，就证明你的vue项目已经搭好了。

(3) 打开浏览器，访问