关于新建的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：代码风格问题：风格不符合一定规则 (比如：没有使用分号结尾，字符串没有使用双引号)
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了在Vuex中Mutations修改状态操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要为大家详细介绍了基于vue.js实现图片轮播效果，vue如何实现轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
vue使用keep-alive进行组件缓存方法详解(组件不缓存问题解决)
keep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们,下面这篇文章主要给大家介绍了关于vue使用keep-alive进行组件缓存方法(组件不缓存问题解决)的相关资料,需要的朋友可以参考下2022-09-09
这篇文章主要介绍了vue activated在子组件中的使用，文章围绕vue activated的xingu你资料讲解展开内容并附上具体代码,需要的朋友可以参考一下2021-11-11
这篇文章主要给大家介绍了关于Vue动态样式几种常用方法总结的相关资料,在我们的前端界面中,很多的地方的样式都是不确定的状态,要根据其他内容的变化而变化样式的,需要的朋友可以参考下2023-08-08
本文主要介绍了vue中watch监听不到变化的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
近期学习vue3的父子组件之间的传值,发现跟vue2的并没有太大的区别,这篇文章主要给大家介绍了关于Vue3子组件向父组件传值的两种实现方式,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-04-04
这篇文章主要给大家介绍了关于vue.js watch经常失效的场景与解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
项目为数据报表,但是一个父页面中有很多的子页面,而且子页面中不是相互关联,但是数据又有联系,所以本文给大家介绍了vue中如何实现子组件相互切换,而且数据不会丢失,并有详细的代码供大家参考,需要的朋友可以参考下2024-03-03
经常在项目中会有支持pc与手机端需求,并且pc与手机端是两个不一样的页面,这时就要求判断设置,下面这篇文章主要给大家介绍了关于VUE识别访问设备是pc端还是移动端的相关资料,需要的朋友可以参考下2023-05-05
最新评论