当前位置: 首页 > 后端技术 > Node.js

Vue项目引入ElementUI组件

时间:2023-04-03 13:26:33 Node.js

环境要求NodejsNodejs官网下载地址:http://nodejs.cn/download/具体安装参考其他资料打开cmd命令行输入npm-v,如果如下图出现,说明已经安装正确。如果安装的版本比较老,想升级新版本npminstallnpm-ginstallwebpackinstallwebpacknpminstallwebpack-g-g表示安装是全局安装vue-cliinstallvue脚手架项目初始化工具vue-clinpminstallvue-cli-g使用淘宝镜像npm国外中央仓库下载速度较慢,有时部分文件会被墙。npminstall-gcnpm--registry=https://registry.npm.taobao.org推荐使用淘宝镜像。安装好淘宝镜像后,就可以使用cnpm代替npm了。例如,webpack可以使用如下命令:cnpminstallwebpack-g。创建Vue项目vueinitwebpack+项目名运行vuenpmrundev访问localhost:8080importElementUI打开项目srcmain.jsAddimportElementUIfrom'element-ui'import'element-Add"element-ui":"^2.4.9"到ui/lib/theme-chalk/index.css'Vue.use(ElementUI)package.json文件,重新npminstall测试是否安装完成。在App.vueelementUI标签中随意添加如:data(){return{input:''}}保存后打开网页显示输入成功