vue cli3 0 腳手架搭建專案

2021-10-02 17:26:35 字數 625 閱讀 2592

1.安裝vue-cli 3.0

npm install -g @vue/cli
安裝成功後檢視版本:vue -v(切記一定要大寫)

如果遇到'vue' 不是內部或外部命令,也不是可執行的程式 或批處理檔案。檢視是否配置環境變數。

2.建立專案

在你新建的資料夾建立專案

vue create 你的專案名稱

default 是 使用預設配置

manually select features 是 自定義配置

3.選擇配置(此處babel編譯、使用vue路由、vue狀態管理器、css預處理器、**檢測和格式化、以及單元測試、端到端測試(e2e testing))

可根據自己的專案需求來自定義配置

配置完成等待vue-cli完成初始化

初始化完成後進入你的專案中並啟動專案npm run serve,打包編譯npm run build

vue cli3 0腳手架的學習

安裝的注意點 通過鍵盤的上下按鍵可以選擇預設的配置還是手動配置,預設的包含了基本的 babel eslint 設定的 preset,也可以選 手動選擇特性 來選取需要的特性。而手動設定則提供了更多的選項,它們是面向生產的專案更加需要的。可以通過上下按鍵來選擇你需要的配置,然後在通過空格鍵確定你所選擇...

Vue CLI 3 0腳手架如何mock資料

前後端分離的開發模式已經是目前前端的主流模式,至於為什麼會前後端分離的開發我們就不做過多的闡述,既然是前後端分離的模式開發肯定是離不開前端的資料模擬階段。我們在開發的過程中,由於後台介面的沒有完成或者沒有穩定之前我們都是採用模擬資料的方式去進行開發專案,這樣會使我們的前後端會同時的進行,提高我們的開...

Vue3 0腳手架搭建

vue3.0官網 介紹 notice 這份文件是對應 vue cli 3.x 版本的。老版本的 vue cli 文件請移步這裡 vue cli是乙個基於 vue.js 進行快速開發的完整系統,提供 1.通過 vue cli 搭建互動式的專案腳手架。2.通過 vue cli vue cli servi...