安装elementui

Posted 2023-04-20

参考技术A Element官网：https://element.eleme.cn/#/zh-CN/component/form

操作步骤：

第一步 ：

命令窗口中在项目地址下：

输入npm i element-ui -S 安装elementui 依赖

第二步：

第三步使用组件

表单

使用表单的验证规则时，其是根据prop来验证，所以prop得取值和v-[model]绑定的值一样，才能使二者指向相同，都是input框的value值 下面规则的名字需要和表单域model中的字段一模一样

可以做正则判断

记一次vue+vuex+axios+elementUI开发

一、开发环境

1、安装node.js  自带npm https://nodejs.org/en/

2、 全局安装vue-cli脚手架 npm install vue-cli –g            vue-V 查看版本说明安装成功

3、新建项目文件夹，在该文件夹下进入cmd 输入vue init webpack vue 安装vue-cli         根据提示输入对应的信息，没有特殊要求可一直回车

4、进入根目录 npm install 安装项目依赖文件

5、npm run dev 启动项目, 默认端口8080，如果被占用可修改端口号，在项目config > index.js 中找到port:8080直接修改成其他端口

到目前为止一个vue-cli初始模板就创建完成了