vue中如何使用elementui控件

依赖nodejs的安装,参考

nodejs的安装和验证

1.在已经安装了nodejs的机器上,使用命令提示符进行vue项目创建,命令为

vueinitwebpackvue-project

如下图所示:

¥10大数据可视化html+css+js模板vue大屏vue框架源码vue可视化15款淘宝¥79.9购买

2.继续执行命令

cdvue-project

npmrundev

编译完成后,提示应用程序已经运行在某个端口上,如下图所示:

3.通过访问地址,可以看到一个vue的项目框架就已经搭建好了,如下图所示:

4.我们在命令行中输入code.来使用VisualStudioCode打开该vue项目,如下

图所示:

5.在创建好Vue项目中,通过npm的方式安装element-ui,它能够更好地和

webpack打包工具配合使用,我们在VSCode中打开终端,输入命令

npmielement-ui-S

6.打开src/main.js,通过import引入element-ui组件及样式文件,并添加到全

局Vue实例中,如下图所示:

7.我们修改


转载请注明:http://www.aierlanlan.com/cyrz/5461.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了