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

点击"创建项目"

相关推荐
蓝婷儿4 分钟前
每天一个前端小知识 Day 27 - WebGL / WebGPU 数据可视化引擎设计与实践
前端·信息可视化·webgl
然我10 分钟前
面试官:如何判断元素是否出现过?我:三种哈希方法任你选
前端·javascript·算法
OpenTiny社区30 分钟前
告别代码焦虑,单元测试让你代码自信力一路飙升!
前端·github
kk_stoper38 分钟前
如何通过API查询实时能源期货价格
java·开发语言·javascript·数据结构·python·能源
pe7er40 分钟前
HTTPS:本地开发绕不开的设置指南
前端
晨枫阳1 小时前
前端VUE项目-day1
前端·javascript·vue.js
江山如画,佳人北望1 小时前
SLAM 前端
前端
患得患失9491 小时前
【前端】【Iconify图标库】【vben3】createIconifyIcon 实现图标组件的自动封装
前端
颜酱1 小时前
抽离ant-design后台的公共查询设置
前端·javascript·ant design
用户95251151401551 小时前
js最简单的解密分析
前端