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

点击"创建项目"

相关推荐
tianzhiyi1989sq2 分钟前
Vue框架深度解析:从Vue2到Vue3的技术演进与实践指南
前端·javascript·vue.js
秉承初心9 分钟前
webpack和vite对比解析(AI)
前端·webpack·node.js
团酱11 分钟前
sass-loader与webpack版本冲突解决方案
前端·vue.js·webpack·sass
我是来人间凑数的15 分钟前
electron 配置特定文件右键打开
前端·javascript·electron
安心不心安41 分钟前
React封装框架dvajs(状态管理+异步操作+数据订阅等)
前端·react.js·前端框架
未来之窗软件服务1 小时前
js调用微信支付 第二步 获取access_token ——仙盟创梦IDE
开发语言·javascript·微信·微信支付·仙盟创梦ide·东方仙盟
可可格子衫1 小时前
keep-alive缓存文章列表案例完整代码(Vue2)
vue.js·缓存
洛小豆1 小时前
为什么可以通过域名访问接口,但不能通过IP地址访问接口?
前端·javascript·vue.js
武昌库里写JAVA2 小时前
VUE vuex深入浅出
vue.js·spring boot·毕业设计·layui·课程设计
代码老y2 小时前
Spring Boot + MyBatis + Vue:从零到一构建全栈应用
vue.js·spring boot·mybatis