webpack+vue.js+elementUI试做后台管理页面

前言

由于上次搭好了SSM后端框架，就想着顺便把以前那个博客网站的后台管理系统给做了，系统的后端环境是有了，前端页面用什么开发呢？之前简单的看了vue.js，所以就决定用vue.js做前端页面，然后搜了一些vue.js配套的ui，找到了elementUI。而在看vue.js的时候看到上面说了npm安装，于是就想起了这个，就想知道这是什么，于是各种Google，差不多了解了现在的前端开发是什么样的了。感觉是跟后端差不多，要安装服务程序，要用包管理工具，用包管理工具从远程仓库中拉去各种框架的包来搭建开发环境，设计好目录结构，然后开始开发，开发完了打包带走。因为开发前端也要服务器，不是以前的静态页面跳转，所以在测试时的时候前端页面访问后端的时候需要跨域访问，还好SpringMVC只要简单配置一下就可以了。
以下只说明如何在windows环境下快速地搭建开发环境进行开发，不进行任何介绍，相关介绍网上都有很多。

搭建开发环境

安装webpack

首先要安装Node.js，Node.js集成了npm（node package manage），所以安装了Node.js就自然有了npm，可以用 $ npm -v 命令查看有没有安装npm。
npm介绍：npm使用介绍

有了npm就可以安装webpack了，打开命令行工具输入以下命令安装webpakc：

npm install webpack -g

后面的-g表示全局安装，此时webpck应该安装到了全局环境下，可以用 命令：webpack -h试试看。

npm就像Maven一样，帮你从远程仓库拉取各种包，也跟Maven一样有个国外的访问很慢的中央仓库，又跟Maven一样有国内自己的镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

可以用这个命令安装淘宝的镜像，然后就可以将用cnpm命令取代n