準備工作

npm install --g vue-cli

專案初始化

官網給出了兩個模板： webpack-simple 和 webpack 。區別在於webpack-simple 沒有包括Eslint 等檢查功能，所以普通專案基本用webpack-simple 就足夠了。於是我用webpack-simple 初始化的專案，執行之後，頁面能正常顯示，但是在瀏覽器控制檯一直報錯 “Failed to load resource: the server responded with a status of 404 (Not Found)”。所以還是選用了webpack。

vue init
 
 webpack vue-demo[專案名稱]

初始化的時候會讓選擇一些東西，直接回車即可，關於測試的一些可以不選。

下載依賴

cd vue-demo  //開啟專案資料夾
npm install

執行專案

npm run dev

遇到的問題

因為在學習vue的過程中，我是跟著視訊學的，所以會直接用拿到課件程式碼，原以為npm install一下就可以，但是遇到一些問題，之後用webpack-simple還是有問題，總結如下：

1. webpack.config.js檔案中loader寫法問題，如：在webpack1中是loader:’vue’，網上查了現在必須loader:’vue-loader’，但是我在官網查了是這樣use:’vue-loader’。
2. 如果要使用css還必須在webpack.config.js中配置，真是麻煩。

但是，我自己用本文的方法初始化專案沒有報錯，試了一下引入一個css庫（elementUI）也可以正常使用。如果像我一樣不是很熟悉配置的大白，只想初始一個專案，玩一玩vue，推薦大家用webpack，不要用webpack-simple。