一直都被如何用vue.js新建一個項目的問題困擾着,經過好久的實踐,終於搞清楚如何用vue新建項目了:
1.官網對於vue-cli介紹:
Vue.js provides an official CLI for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save, and production-ready builds:
理解:當我們真正開發一個應用的時候,我們不可避免的會用到一大堆的工具,模塊化、預處理器、熱模塊加載、代碼校驗和測試。這些工具對於一個需要長期維護的大型應用是必須的,但是項目初始化將會是讓人痛苦的事情。Vue.js官方為單頁面應用提供了相應的腳手架。它可以用少量時間建立和運行一個項目。簡言之:使用Vue.js官方提供了這個vue-cli腳手架,可以迅速搭好項目框架,從而更易處理后續工作。
vue-cli使用方法:
1 // install vue-cli 安裝依賴包
2 npm install --g vue-cli 3 // 使用vue-cli初始化項目
4 vue init webpack my-project 5 // install dependencies and go!
6 //進入項目目錄
7 cd my-project 8 //在項目中安裝依賴包
9 npm install 10 //運行項目
11 npm run dev
2.在建立項目的過程中,有進行選擇的選項,可以選擇Y或者N,這根據自己需要所選,不影響什么。
3.當執行完最后一步“npm run dev”的時候,就會自動在http://localhost:8080 彈出剛才所建的項目;