@Vue/Cli 3.0 可視化項目管理


@vue/cli 3.0中引入了一個圖形化界面工具來去管理項目。運行方法也很簡單,確保你的@vue/cli是3.0以上的版本並且全局安裝,之后在cmd下執行vue ui命令即可運行。

一、安裝使用

1.使用前需要先全局安裝vue-cli:

npm i -g @vue/cli

2.使用如下命令,圖形管理界面就會在瀏覽器打開:

vue ui

在這里插入圖片描述

二、創建項目

在這里插入圖片描述
管理器可以選擇npm、yarn、pnpm
在這里插入圖片描述
點擊下一步后會進入預設界面,和在命令行使用vue create創建項目是一樣效果的,只是這里都用鼠標點(─.─||)。這里就不贅述配置過程了,可以直接選擇默認或者是手動按需加載。
在這里插入圖片描述
創建好項目之后,就可以進入到后台管理頁面
在這里插入圖片描述
接下來就是運行項目了:
在這里插入圖片描述

三、依賴管理

項目所需要的依賴包可以直接搜索下載:
在這里插入圖片描述
在這里插入圖片描述
插件管理也是同樣操作。


總結:

本文簡單的介紹了一下如何使用vue項目可視化工具來去創建項目和下載依賴包,當然了,這只是其中一部分。在任務選項里面還有調試和檢測功能,有興趣可以實際運行一下。
個人使用來看這個工具的體驗還是不錯的,在項目管理上也更直觀,直接用一個后台系統來去管理vue項目還是挺酷炫的。當然對於習慣了命令行工具的人來說,這個功能就有點雞肋了。


免責聲明!

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



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