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