快速搭建一个vue开发环境

常规的搭建就是从npm到vue到webpack这样一个一个的来，这样一套下来讲不上复杂可是也不简单。以前公司的vue后台项目

我仍是写的轻车熟路的，由于前端同事已经把架子搭好了，环境配置的丝般顺滑，你只须要vue代码，基本上没有去关注基础架子，

这不，某天我也想用vue作个网站试下，才发现基础架子配的东西还真多（好比 热加载，loader，babel），我不想花太多时间去研究webpack（基础的文档仍是看了一遍）。

这个时候我才发现vue官方就提供了一个脚手架叫 vue-cli.

官网地址：https://cli.vuejs.org/zh/

只须要几句话，一个基本的架子就有了

更换npm的淘宝镜像
npm config set registry https://registry.npm.taobao.org
安装vue-cli
npm install -g @vue/cli
查看版本，若是正常，就表明安装成功了
vue --version
建立一个项目
vue create test
添加router插件
vue add router
添加vuex插件
vue add vuex
运行项目
npm run serve
打包
npm run build