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

相关推荐
excel1 分钟前
Vue SFC 编译核心解析(第 2 篇)——宏函数解析机制
前端
木头没有瓜3 分钟前
在 Windows 中清理依赖node_modules并重新安装
vue.js
excel8 分钟前
🔍 Vue 模板编译中的资源路径转换机制:transformAssetUrl 深度解析
前端
excel11 分钟前
Vue 模板编译中的 srcset 机制详解:从 HTML 语义到编译器实现
前端
excel11 分钟前
🌐 从 Map 到 LRUCache:构建智能缓存工厂函数
前端
excel12 分钟前
Vue 模板编译中的资源路径转换:transformSrcset 深度解析
前端
excel20 分钟前
Vue 工具函数源码解析:URL 解析与分类逻辑详解
前端
excel22 分钟前
Vue SFC 样式预处理器(Style Preprocessor)源码解析
前端
excel24 分钟前
深度解析:Vue Scoped 样式编译原理 —— vue-sfc-scoped 插件源码详解
前端
excel26 分钟前
Vue SFC Trim 插件源码解析:自动清理多余空白的 PostCSS 实现
前端