vue-cli 3.0 版本為我們提供了集 創建、管理、分析 為一體的可視化界面vue UI,一個可視化項目管理器
一、打開終端,安裝最新vue-cli
npm install -g @vue/cli
二、終端運行vue ui
vue ui
之后會自動跳轉到http://localhost:8000,進入如下頁面
三、三個標簽,點擊創建
1.填寫項目名稱、選擇包管理器、是否初始化git
2.選擇插件配置方式
3.選擇手動配置項目將會進入這一步,可以選擇插件進行安裝配置,包括常用的router、vuex等
4.根據選擇進入插件具體配置
四、點擊創建項目,根據需要選擇是否保存預設,以方便下一次直接創建
五、等待片刻項目創建成功后8000跳轉至如下頁面,左側列表可以查看並管理項目的依賴、插件、配置和運行命令
六、最后打開項目,npm run serve運行就OK啦