Vue:Vue-Cli 實現的互動式的專案腳手架
阿新 • • 發佈:2020-10-12
一、這份文件是對應@vue/cli
。老版本的vue-cli
文件請移步https://github.com/vuejs/vue-cli/tree/v2#vue-cli--
Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統,提供:
-
- 通過
@vue/cli
實現的互動式的專案腳手架。 - 通過
@vue/cli
+@vue/cli-service-global
實現的零配置原型開發。 - 一個執行時依賴 (
@vue/cli-service
),該依賴:- 可升級;
- 基於 webpack 構建,並帶有合理的預設配置;
- 可以通過專案內的配置檔案進行配置;
- 可以通過外掛進行擴充套件。
- 一個豐富的官方外掛集合,集成了前端生態中最好的工具。
- 一套完全圖形化的建立和管理 Vue.js 專案的使用者介面。
- 通過
Vue CLI 致力於將 Vue 生態中的工具基礎標準化。它確保了各種構建工具能夠基於智慧的預設配置即可平穩銜接,這樣你可以專注在撰寫應用上,而不必花好幾天去糾結配置的問題。與此同時,它也為每個工具提供了調整配置的靈活性,無需 eject。
二、vue-cli的安裝
步驟一:npm install -g @vue/cli-init; (-g表示全域性安裝)------vue-list 檢視可用的模板
步驟二:選擇好vue專案所在的路徑,建好工程資料夾,比如:my-vue,cd my-vue到此目錄路徑下
執行vue init webpack firstApp; (init 初始化的意思,firstApp為此專案命名的資料夾名稱 )
步驟三:npm install; 此過程為“安裝專案依賴”:即安裝專案所依賴的node 包。(安裝後,會在上圖中多出一個node_modules資料夾。)
步驟四:npm run dev;(然後瀏覽器打入http://localhost:8080)
原文轉至:https://blog.csdn.net/elie_yang/article/details/80042035