vue ui創建項目所需基本依賴

Vue UI方式新建項目流程以及相關依賴

https://www.jianshu.com/p/bd9313c50c2d

 

進入要創建的項目目錄文件打開終端控制

• 選擇合適的目錄進入終端：右鍵+在此處選擇Powershell窗口
• 進入到創建的該項目目錄: 右擊Git Bash Here
• 進入到該文件目錄路徑出：輸入cmd,打開終端

輸入vue ui

輸入該vue ui命令，打開瀏覽器，進入vue創建項目配置界面

選擇Vue項目管理器，創建項目，

 

image.png

創建

 

image.png

 

image.png

創建新項目——詳情

 

image.png

創建新項目——預設

 

image.png

創建新項目——功能模塊

 

image.png

 

image.png

創建新項目——配置

 

image.png

保存創建的預設文件，下次創建項目可直接使用

 

image.png

根據需要，添加依賴

less和less-loader 兩個開發依賴。

具體操作目錄地址：I:\前端web視頻\傳智前端視頻2019-8\課件【2019新版】\18-23 Vue.js項目實戰開發\Vue-2019版\vue電商\3.vue-項目實戰day1\筆記

 

image.png

根據項目，大致所需依賴

• axios

  安裝： npm install axios

• vConsole

  安裝：npm install vconsole

  main.js中全局使用

     import Vsconsole from 'vconsole' var vConsole = new Vsconsole() Vue.use(vConsole) 

• vue-awesome-swiper

  安裝：npm install swiper vue-awesome-swiper --save

 

 

0人點贊

 

Web前端

 

 

作者：全球頂尖偽極客
鏈接：https://www.jianshu.com/p/bd9313c50c2d
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。