创建项目
命令:vue create vue-element-plus
选择配置模式:手动选择模式 (上下键+回车)

选择配置(上下键+空格+回车)

选择代码规范、规则检查和格式化方式:


选择语法检查方式

lint on save (保存就检查)
代码文件中有代码不符合 lint 规则时,会在 compile 阶段提示 warning。如果出现了语法错误,会直接在页面上显示 error
lint and fix on commit (用户提交代码到git时检查)
代码除了语法错误导致的 error 外不会提示 warning。而是在当前项目进行 git commit 操作的时候,通过 githook,在 pre-commit 阶段执行 lint 和 fix 操作,自动帮我们把有语法错误的地方修改为符合规范。
选择配置文件(babel, EsLint等)存放的位置

开始生成项目,等待·····
项目生成成功

项目生成的目录文件如下:

启动项目(命令已经给出了)
$ cd vue-element-plus
$ npm run serve