vue后台管理系统实战总结（一）

最近由于公司业务需要，所以采用了当下较为流行的vue.js来完成了一个较小的后台管理系统，虽说项目不太大，但是麻雀虽小，五脏俱全；下面就总结一下我在项目中用到的技术以及踩过的坑吧~

一，构建项目；

做项目前我们首先需要构建项目，我的项目也是采取了webpack+vue-cli这一比较流行的构建方式；

1.安装node：

可以去node官网直接下载然后安装（官网地址：http://nodejs.cn/）

安装完以后可以在cmd内输入node -v来查看是否安装成功以及查看node的版本；同时也可以通过npm -v 来查看npm的版本和是否已经安装成功；

2.安装webpack：

在做完第一步的时候可以直接在cmd内通过npm install webpack -g 来全局安装webpack；同理通过webpack -v来查看是否安装成功以及webpack的版本；

3.这一步我们就来安装vue项目的脚手架vue-cli ：

直接在cmd内输入npm install -g vue-cli;全局安装；通过vue来查看是否已经安装成功；

4.如果安装成功 那么你就可以构建你的第一个vue项目了；

在命令行中打开你要存放项目的地址；然后输入vue init webpack my-project(随便起名，这就是你的项目名称)

如上图第一个vue项目就已经构建成功了，这里建议除了vue-router以外，别的都是no；

cd xxx（项目名）回车;再npm install 安装依赖包；如果安装完的话可以通过 npm run dev来启动项目