vue 脚手架 创建vue3项目

创建项目

命令: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

相关推荐
天蓝色的鱼鱼12 分钟前
别再瞎转Base64了!一文打通前端二进制任督二脉
前端
哟哟耶耶14 分钟前
Plugin-安装Vue.js devtools6.6.3扩展(组件层级可视化)
前端·javascript·vue.js
梦65026 分钟前
【前端实战】图片元素精准定位:无论缩放,元素始终钉在指定位置
前端·html·css3
计算机学姐40 分钟前
基于SpringBoot的美妆销售系统【个性化推荐算法+数据可视化统计+库存预警+物流信息】
java·vue.js·spring boot·后端·mysql·信息可视化·mybatis
烟袅1 小时前
一文搞懂 useRef:它到底在“存”什么?
前端·react.js
Knight_AL1 小时前
Vue + Spring Boot 项目统一添加 `/wvp` 访问前缀实践
前端·vue.js·spring boot
前端er小芳1 小时前
前端虚拟列表滚动功能实现与核心知识点详解
前端
wuhen_n1 小时前
Promise状态机与状态流转
前端
3秒一个大1 小时前
React 中的 useMemo 与 useCallback:性能优化的利器
前端·react.js
cj81401 小时前
Node.js基本概念理解
前端·node.js