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

相关推荐
自由与自然3 分钟前
栅格布局常用用法
开发语言·前端·javascript
Violet_YSWY11 分钟前
讲一下ruoyi-vue3的前端项目目录结构
前端·javascript·vue.js
这是你的玩具车吗11 分钟前
转型成为AI研发工程师之路
前端·ai编程
Drift_Dream14 分钟前
在Vue样式中使用JavaScript 变量(CSS 变量注入)
前端
C_心欲无痕14 分钟前
vue3 - toRaw获取响应式对象(如由reactive创建的)的原始对象
前端·javascript·vue.js
PlankBevelen14 分钟前
手搓实现简易版 Vue2 响应式系统
前端
LoveDreaMing16 分钟前
MCP入门梳理
前端·typescript·mcp
小林攻城狮17 分钟前
一个基于 canvas 的 pdf 图片分页切割方法
前端·javascript
老华带你飞19 分钟前
学生宿舍管理|基于java + vue学生宿舍管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
一天前20 分钟前
一个功能强大的 React Native 拖拽排序组件库,支持单列和多列布局,提供流畅的拖拽体验和自动滚动功能
前端