vue 下搭建ant design環境


之前用ant-design-vue組件在vue頁面下使用 一不小心就會出現編譯錯誤,網上不是搭建教程都是不太准確,現整理下

1.根據ant design vue 官網的假定條件 已經安裝了nodejs 和 npm 或yarn 包管理工具

2. 在控制台輸入命令 vue create -【項目名】 如:vue create antdemo2  這一句主要是使用vue命令創建vue的項目 

選擇 default 默認選項 確定

 

 vue 會自動幫我媽獲取項目所需的包文件,等待加載完畢

3.根據提示 輸入 cd antdemo2 命令,進入antdemo2目錄中 

 

 4.輸入yarn add ant-design-vue 添加 ant-design-vue 的空間包,等待加載完畢

 

 

 

這時我們看到node_modules中已經添加了 ant-design-vue的包

5.我們到項目的main.js 文件中添加 ant-design-vue 的導入 並在vue中use

 

 

6.現在打開頁面看看效果吧~~

 


免責聲明!

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



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