使用VUE搭建后台管理系统(使用vue-cli搭建框架)

接触VUE已经几个月了，已经完成了一个后台管理系统，一个商城系统。今天决定总结一下之前的零散的知识点，在此开一个系列，自己也从头开始完成一个后台管理系统的搭建，并放在github中供大家参考。

安装vue-cli

使用npm全局安装vue-cli,之后可以通过vue命令查看是否安装成功;下图是安装好vue-cli查看的情况。

npm install vue-cli -g

使用vue-cli初始化一个vue项目

vue init webpack vueAdmin
npm install

使用vue-cli进行项目初始化的时候,可以使用github上的模板;如果是安装标准模板则使用以上命令。具体的参数就不一一解释了,网上都能百度到,这里只做我完成项目的历程。

启动项目

npm run dev

根据提示,访问localhost:8888,即可打开新创建的vue应用。当然我这里的端口是自行分配的,如果需要修改在config/index.js中修改dev中的port参数即可。