vue+element-ui初学

Posted 2023-03-15

参考技术A

1、安装 node 软件
2、查看安装版本： npm -v
3、配置淘宝镜像： npm install -g cnpm --registry=http://registry.npm.taobao.org
4、安装vue-cli， 命令： cnpm install -g vue-cli 按提示操作，可以直接按确认
5、(这一步我不记得我执行过 ^_ ）然后安装webpack; 命令： npm install -g webpack ;

6.开始自动化构建vue项目，命令： vue init webpack projectName (自定义的项目名称）；

最后出现：

可以运行命令，浏览器访问

5、进入都到项目目录，执行命令安装element-ui： npm i element-ui -S
6、安装成功之后，进入项目src目录在main.js中添加（element官网有快速上手）：

7、在App.vue文件中添加element-ui组件：

8、在运行项目就可以正常显示了，按钮如图。