vue cli快速搭建Vue開發環境

1. 安裝 nodejs(建議安裝 LTS 版本): http://nodejs.cn/download/

2. 安裝 vue-cli (-g參數列示全域性安裝)

npm install vue-cli -g
複製程式碼

3. 使用 vue-cli 初始化一個 vue 專案(my-project 是專案名稱，可以根據需要修改)

vue init  webpack  my-project
複製程式碼

4. cd 到專案目錄中安裝相關依賴

npm install
複製程式碼

5. 執行測試, 看是否能夠執行

npm run dev
複製程式碼

6.到瀏覽器中訪問測試,預設是 localhost:8080 可能會有 埠衝突 的問題,如果埠衝突可以修改 config/index.js 找到 port 修改為你想要的埠,重啟服務,再一次測試

npm  run  dev
複製程式碼

如果熟悉webpack， 建議使用webpack搭建開發環境，當然，如果只是單純為了學習vue又不想花大量的時間去學習webpack, 可以使用這種快速搭建開發環境的方式