关于新建的vue3项目一直提示代码格式警告的问题
更新时间：2023年10月20日 10:42:00 作者：C_心欲无痕
这篇文章主要介绍了关于新建的vue3项目一直提示代码格式警告的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
新建的vue3项目一直提示代码格式警告问题
新建了一个vue3项目，然后创建好发现vue文件一直保格式警告的问题，搞了好久才找到解决的办法。
vue3项目创建命令：npm init vue@latest
这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。
你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示：
如果不确定是否要开启某个功能，你可以直接按下回车键选择 No。
在项目被创建后，通过以下步骤安装依赖并启动开发服务器：
✔ Project name: … <your-project-name> ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Router for Single Page Application development? … No / Yes ✔ Add Pinia for state management? … No / Yes ✔ Add Vitest for Unit testing? … No / Yes ✔ Add Cypress for both Unit and End-to-End testing? … No / Yes ✔ Add ESLint for code quality? … No / Yes --代码质量检测插件 ✔ Add Prettier for code formatting? … No / Yes -- 代码风格规范插件
出现警告的截图
- 第一张：
由图可知是因为(prettier/prettier) 引起的
- 第二张：
解决方法
在项目根目录的.eslintrc.cjs 配置文件中 关闭 prettier（代码格式工具）
如图添加一行：
'prettier/prettier': 'off',
ESLint和Prettier的区别
ESLint ： 代码质量问题：使用方式有可能有问题（比如变量未定义，变量定义但未使用，变量命名不规范）
Prettier：代码风格问题：风格不符合一定规则 (比如：没有使用分号结尾，字符串没有使用双引号)
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了详细对比Ember.js和Vue.js，对JS框架感兴趣的同学，可以参考下2021-05-05
这篇文章主要为大家详细介绍了vue-router实现tab标签页的相关方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
vue3.0使用taro-ui-vue3引入组件不生效的问题及解决
这篇文章主要介绍了vue3.0使用taro-ui-vue3引入组件不生效的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了Vue element-ui父组件控制子组件的表单校验操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了Vue-CLI 项目在pycharm中配置方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08
这篇文章主要给大家介绍了关于Vue如何实现分页功能的相关资料,Vue分页功能的实现需要前端和后端共同配合完成,文中通过代码实例介绍的非常详细,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了Vue路由守卫之路由独享守卫的代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09
在数据可视化看板开发中,组件的自由拖拽功能能极大提升交互体验,本文将基于Vue3生态,从零开始解析如何实现一个支持自由拖拽的容器组件,感兴趣的朋友一起看看吧2025-04-04
这篇文章主要介绍了Vue如何引入全局过滤器问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了在vue中使用echarts实现飞机航线 水滴图 词云图,通过引入中国地图JS文件，会自动注册地图，文中结合示例代码给大家介绍的非常详细，需要的朋友可以参考下2022-08-08
最新评论