vue新建項目


一直都被如何用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 彈出剛才所建的項目;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM