1.安裝node.js

打開命令行工具輸入命令查看安裝情況
$ node -v
$ npm -v

2.初始化項目

2.1 vue-cli 3.0介紹

vue-cli 是 vue.js 的腳手架工具，可以幫助我們編寫基礎代碼、快速搭建開發(fā)環(huán)境，相比于cli 2.0項目結構更加精簡。

2.2 初始化項目詳細步驟

1.全局安裝cli

npm install -g @vue/cli
# or
yarn global add @vue/cli

2.查看版本（是否安裝成功3.0以上的即可）

vue -V(大寫的V)

3.創(chuàng)建一個項目

新建文件夾（重點），在該文件夾下打開命令窗口，輸入以下命令，
vue create project-name

4.選擇安裝方式

  default (babel, eslint)
  Manually select features

按鍵盤上下鍵選擇默認（default）還是手動（Manually）；我這邊選擇default直接回車

5.啟動項目

進入vue項目里面，打開命令行輸入：
npm run serve

6.在瀏覽器中打開http://localhost:8080/即可

微信圖片_20180723165726.png