Vue UI創建項目詳細步驟

Posted on by

1.首先要安裝最新的Vue CLI

在命令行工具裡輸入一下命令

npm install -g @vue/cli

或者

yarn global add @vue/cli

安裝成功後，可用vue -V命令查看已安裝的Vue CLI版本

2.在命令行運行 vue ui，就會出現圖形化管理

在界面上可以看到第一個tab項目，點擊創建這個tab ，可以來創建一個新的vue項目

3.點擊瞭創建之後可以看到一下內容，可以項目創建一個目錄或者選擇一個目錄，然後選擇一種包管理工具：可以使npm，也可以是yarn等

4.點擊下一步後，出現預設插件和配置的界面，按照自己的需求選擇就可以，此處選擇瞭默認的。

 5.點擊創建項目後

已安裝的插件，也可以在右上角點擊添加插件安裝想要的插件。

 添加插件頁面，也得要點擊右下角的安裝~

 再返回到插件就會看到剛才安裝的插件瞭，如下所示：

6.最後我們來看下 通過vue ui生成的項目結構

運行一下項目，npm run serve

到此這篇關於Vue UI創建項目詳細步驟的文章就介紹到這瞭,更多相關Vue UI創建項目內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：