之前用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.現在打開頁面看看效果吧~~