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

点击"创建项目"

相关推荐
谢慧琼22 分钟前
2026零基础做企业网站,低成本搭建官方网站
服务器·前端·javascript
weixin_431600442 小时前
前端数据埋点(1):一次点击如何变成一条埋点
前端·js·数据埋点
IT_陈寒2 小时前
Python线程池吞了异常还不告诉我,这谁顶得住啊
前端·人工智能·后端
计算机魔术师2 小时前
同样是AI辅助建造,为什么有的游戏三个月就烂尾了?
前端
用户921080262862 小时前
0. 做 Agent 产品,前端 AI 组件框架怎么选?
前端
拾年2753 小时前
React Hooks 进阶篇:useMemo / useCallback / useReducer / useImperativeHandle,用「算账 +
前端·javascript·react.js
Jackson__3 小时前
面试官:如何在老项目中使用新框架,并实现通信?
前端·javascript·面试
拾年2753 小时前
React Hooks 保姆级教程:把组件想象成失忆的打工人,4 个 Hook 带你原地起飞
前端·javascript·react.js
mmsx3 小时前
一个 Bug 修了 12 轮,根因只有一句话:AI 编程时代,日志才是唯一的真相
前端