快速搭建一个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