利用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 来检测和防止代码中的错误,而不强制执行特定的代码风格。这种方式适合那些只想确保代码没有错误,而不关心代码风格一致性的开发者或项目。

点击"创建项目"

相关推荐
董董灿是个攻城狮2 分钟前
封了几百万个账号的 Claude, 路走窄了
前端
Ruihong18 分钟前
你的 Vue 3 TS 类型声明,VuReact 会处理成什么样的 React?
vue.js·react.js·面试
heytoo18 分钟前
同一个模型,为什么结果差10倍?差的不是模型
前端·agent
霪霖笙箫19 分钟前
「JS全栈AI学习」九、Multi-Agent 系统设计:架构与编排
前端·面试·全栈
慕斯fuafua20 分钟前
CSS——定位
前端·css
Cache技术分享21 分钟前
384. Java IO API - Java 文件复制工具:Copy 示例完整解析
前端·后端
shadowcz00722 分钟前
Chrome Skills 来了:把你的 AI 提示词变成一键工具
前端·人工智能·chrome
踩着两条虫22 分钟前
VTJ核心引擎开源项目概览
前端·vue.js·低代码
Front思23 分钟前
解决 uniapp Dart Sass 2.0.0 弃用警告
前端·uni-app·sass
农夫山泉不太甜24 分钟前
CSS 新特性与冷门属性深度剖析
前端