淺入深出Vue：環境搭建
工欲善其事必先利其器，該搭建我們的環境了。
安裝NPM
所有工具的下載地址都可以在導航篇中找到,這里我們下載的是最新版本的
NodeJS Windows安裝程序
下載下來后，直接Next
這里同樣的，有固態硬盤的童鞋可以安裝到固態硬盤，不過這里有個小問題就是
在選擇目錄的時候會卡死一小會兒。可能是若羽的機器性能不太好。
接下來一路下一步即可，坐等安裝
安裝完成，讓我們命令行測測看
win鍵 + R呼出運行，輸入cmd確定即可
輸入node -v，查看nodejs的版本。若羽這里裝的是v10.15.0
輸入npm -v，查看npm的版本。若羽這里是6.4.1
切換國內鏡像源
npm默認是國外的源，對國內的用戶不太友好，安裝各種庫速度很慢。
因此我們盡可能選擇國內的源減少網絡問題，這里若羽選擇的是淘寶 npm鏡像。同樣的，在導航篇中都有地址噢。
這里我們輸入官方提供的命令（注：在官方地址中的使用說明處給出了這條命令，這里為了方便，若羽復制了過來）
npm install -g cnpm --registry=https://registry.npm.taobao.org
好的，安裝完成
安裝webpack
接下來讓我們安裝webpack
輸入下面的命令，我們進行全局的webpack安裝
cnpm install -g webpack
安裝完成
接下來我們安裝 webpack-dev-server
cnpm install -g webpack-dev-server
安裝完成
因為我們這里沒有安裝webpack-cli，因此我們暫時沒辦法用webpack -v去查看
我們所安裝的webpack版本。
安裝vue-cli
好的，接下來終於到了正主兒了。
全局安裝vue-cli
cnpm install -g vue-cli
安裝完成
用vue -V來查看一下安裝的vue版本，這里若羽安裝的版本是2.9.6
新建項目
前置工具，環境都已經准備完畢了。是時候開始新建一個項目了。
先切換到我們指定的目錄下去, windows下也可以用cd 目標目錄進行切換噢。
切換盤符是盤符:，比如切換到D盤的命令:
D:
還有另一個辦法，就是對着目標目錄的空白處。按住左 Shift的同時，按下鼠標右鍵。
彈出的菜單中會有一個在此處打開Powershell窗口的選項，選擇此選擇即可直接在命令行中進入當前目錄。
這里我們用vue-cli來建立我們的第一個項目
vue init webpack blog
上述命令中， blog表示的是我們新建項目的名稱。這行命令應該這么說
vue init webpack 你要新建的項目名
基本上不用考慮選什么的問題，直接默認即可（咱們現階段的目的是快速搭建）。
默認中包含了vue-router和eslint的選項，正好避免我們再去手動裝一下的步驟了。
這里提一下兩個地方，第一個是下圖中Pick a test runner。
這里若羽選擇的是none，因為我們的項目還沒考慮寫測試哈，所以若羽就順手給干掉了。
需要的時候我們再加進來。
另一個就是這里，選擇的是user NPM。 昂，不過這個選項是默認的。可以不用在意
好了。開始初始化~
安裝完成
運行項目
我們的第一個項目已經創建完成了，我們先讓它跑起來看看~
項目運行兩部曲：
先install一下，雖然大多數情況下可以不需要。我們這里就勤快一下，也作為演示的一部分
cnpm install
在開發環境下運行，編譯完后會顯示這個頁面。就表示已經編譯完成了。
cnpm run dev
在瀏覽器中輸入地址，即可開箱食用我們的第一個項目了~
localhost:8080
跟着若羽一步一步，跑起來自己的項目，不用擔心若羽會漏掉什么。
從工具到環境，都不會落下的。
請放心食用~ ：）