Vue ui 創建Vue前端工程
- 1.開啟vue ui 服務
- 2.訪問 vue ui 界面
- 3.創建專案
- 4. 添加 element-ui 插件
- 4.添加依賴
- 4.啟動 Vue 專案
- 5.訪問 Vue 專案
1.開啟vue ui 服務
快捷鍵 win+r 打開 cmd 輸入下面命令
vue ui
2.訪問 vue ui 界面
打開瀏覽器,地址欄輸入 localhost:8080
3.創建專案
點擊創建
選擇你要創建的專案目錄,點擊 在此創建新專案
輸入專案名稱,包管理器選擇 npm, git 命令填寫 init project , 點擊下一步
選擇手動
把format 去掉, 選中 router, 選中使用組態檔, 點擊下一步
點擊創建專案
點擊創建專案,不保存預設
4. 添加 element-ui 插件
先點擊左側導航欄 插件,再點擊右上角 添加插件
**搜索 element ,先選中 如圖矩形框中的內容,版本不一致沒關系, 再點擊右下角 安裝 **
**安裝完成后點擊 完成安裝 **
4.添加依賴
-
添加 axios 依賴
點擊左側導航條 依賴
點擊右上角 安裝依賴
搜索框輸入 axios ,選中內容如圖所示, 再點擊 右下角的 安裝
-
安裝 less-loader 依賴
如上圖一樣,搜索框中輸入 less-loader,再點擊右下角安裝
3.安裝 less 依賴
如上圖一樣,搜索框中輸入 less,再點擊右下角安裝
到這里所有安裝都結束了,接下來啟動 Vue 專案
4.啟動 Vue 專案
如圖操作即可
5.訪問 Vue 專案
瀏覽器地址欄輸入 localhost:8080
如果界面和下圖一樣說明成功
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/136826.html
標籤：其他
上一篇：IOS 判斷iPhone劉海屏
下一篇：View體系詳解