vue工程中添加antdv组件
本文创建了vue初始工程,并将antdv组件添加到vue工程。
·
下面开始创建antdv工程,从0开始
一、创建vue工程
1、安装脚手架:
npm install -g @vue/cli
2、安装yarn:
sudo npm install yarn -g
3、用vue创建工程:
vue create antdv
首先要切到相应的目录下,“antdv”是工程名称
如果你电脑上既有vue2又有vue3,将会出现下面的选项:
可以通过上下箭头键选择vue 2、vue 3、手工选择。
我选择了vue 2,直接按回车键即可。
到目前为止,只是工程名字叫antdv,但是工程只是vue的,跟antdv还没任何关系。
4、启动查看
根据提示,先“cd antdv”切到工程目录下,再执行“yarn serve”。
浏览器打开提示的网址,即可看到初始工程的页面:
二、将antdv添加到工程
1、添加antdv组件:
npm i --save ant-design-vue
2、将工程antdv用Visual Studio Code打开
查看文件package.json:
“ant-design-vue”即是新添加的antdv的组件,而“vue”和“core-js”是vue初始工程添加的组件。
3、再次启动工程
菜单“终端”中选择“新建终端”项,或者鼠标右键点击任意一个文件选择“在集成终端中打开”。
执行命令“yarn serve”或者“npm run serve”,然后从浏览器打开提示的网址。
与之前的网页显示内容一样,因为我们还没有在工程中使用任何antdv组件。
更多推荐
已为社区贡献4条内容
所有评论(0)