利用vue图形界面创建一个vue项目

利用vue图形界面创建一个vue项目

1.在命令行输入vue ui(确保计算机上安装了node.js和vue)

⬆可选择初始化git仓库

⬆这里我选择手动配置项目

2.在创建项目的时候,系统会自动选中Linter/FormatterBabel

Linter/Formatter

Check and enforce code quality with ESLint or Prettier.

在创建 Vue 项目时,可以选择添加 Linter/Formatter 相关的依赖,它们能够协助开发者遵循良好的编码规范,确保整个项目代码的整洁性和一致性,有助于提高代码质量,减少因格式问题或潜在代码缺陷引发的错误和故障,是 Vue 开发中常用的辅助工具之一。

Babel

Transpile modern JavaScript to older versions (for compatibility)
Babel 是一个 JavaScript 编译器,主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法,以便能够在旧版浏览器或其他环境中运行

⬇vue为单页面应用程序,一般还需要添加vue-router 依赖

3.这里我选择vue2,Pick a linter / formatter config一栏我选择ESLint with error prevention only

ESLint with error prevention only

"ESLint with error prevention only" 表示只使用 ESLint 来检测和防止代码中的错误,而不强制执行特定的代码风格。这种方式适合那些只想确保代码没有错误,而不关心代码风格一致性的开发者或项目。

点击"创建项目"

相关推荐
一 乐14 分钟前
高校后勤报修系统|物业管理|基于SprinBoot+vue的高校后勤报修系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·毕设
爱喝水的小周15 分钟前
《UniApp 页面配置文件pages.json》
前端·uni-app·json
mapbar_front21 分钟前
React中useContext的基本使用和原理解析
前端·react.js
贪婪的君子41 分钟前
【每日一面】实现一个深拷贝函数
前端·js
那年窗外下的雪.1 小时前
鸿蒙ArkUI布局与样式进阶(十五)—— 模块化 · 自定义组件 · 泛型机制深度解析
javascript·华为·typescript·harmonyos·鸿蒙·arkui
一点七加一2 小时前
Harmony鸿蒙开发0基础入门到精通Day09--JavaScript篇
开发语言·javascript·ecmascript
_安晓2 小时前
Rust 中精确大小迭代器(ExactSizeIterator)的深度解析与实践
java·前端·python
烛阴2 小时前
从create到yield:Lua协程完全上手指南
前端·lua
薛一半2 小时前
Vue3的Pinia详解
前端·javascript·vue.js
浅影歌年3 小时前
vue3模块中引用公共css变量文件
前端