vue+vue-admin前段项目搭建（1）搭建第一个vue项目

lz是一个在小公司被折磨了一年的“全栈工程”（一个人当n个人用，开发前端，开发后台，运维，实施全都来，然后美其名曰“全栈工程师”）

今年跳槽到了一家大公司的小部门，今年要上一个新的项目，介于项目组没有专门的前端工程师，我就成了最懂前端的那位了，自然前端项目搭建的重担就落在了lz的肩上（新项目采用微服务架构，彻底的前后端分离），之前lz虽然也帮着做前端的开发，但是毕竟后台出生，且刚刚接触vue，所以要搭建一个好用的前台框架还是有一定难度的，好在项目经理对时间上比较宽松，让lz有时间学习和摸索自己搭建一个新的前台框架，我自然是很高心的接受了这份差事，这么好的机会上哪去找。

由于lz开发的是是一套类似后台管理系统，所以就在技术上选择了现在大热的vuejs，以及adminlte模板来辅助开发，降低开发难度，所以接下来的几个月，lz会不定期和大家分享一个“全栈工程师”在一个spingboot+springcloud+docker+vue的技术框架下（微服务架构）的后台管理系统中的酸甜苦辣。

不多bb，先创建一个全新的vue项目

一、开发环境

vue推荐开发环境:

Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言

npm: Nodejs下的包管理器。

webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。

vue-cli: 用户生成Vue工程模板

二、环境搭建

安