1. 程式人生 > 實用技巧 >Vue:Vue-Cli 實現的互動式的專案腳手架

Vue:Vue-Cli 實現的互動式的專案腳手架

一、這份文件是對應@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