解决Vue2创建脚手架后，组件命名必须是大陀峰命名法的问题

原创 已于 2023-05-04 14:43:32 修改 · 327 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

于 2023-05-02 11:23:31 首次发布
在Vue2项目中，为确保组件命名规范，可以在vue.config.js中设置lintOnSave，然后在package.json的eslintConfig中添加特定的rule规则，如此一来，组件名必须遵循大驼峰命名法。执行完配置修改后，重启项目以应用新规则。

解决Vue2创建脚手架后，组件命名必须是大陀峰命名法的问题

1.进入vue.config.js文件，添加lintOnSave
在这里插入图片描述
2.进入package.json给eslintConfig添加rule 规则
在这里插入图片描述
3.重新启动项目

cyuyanxmx
关注
【前端开发---Vue】史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册
共同学习，共同成长
05-06 1759
本篇将重点讲解vue中的【工程化开发和脚手架 】【项目运行流程 】【组件化与组件注册 】等等，并提供具体案例来让小伙伴们加深理解、彻底掌握！
vue2（3）之vue生命周期钩子/工程化开发脚手架/组件化开发/组件的局部注册和全局注册
qq_66318904的博客
05-02 852
Vue CLI 是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】虽然脚手架中的文件有很多，目前咱们只需认识三个文件即可main.js 入口文件App.vue App根组件index.html 模板文件整个应用最上层的组件，包裹所有普通小组件App组件包含哪三部分？1.全局注册组件应该在哪个文件中注册以及语法是什么？① 局部注册：(1) 创建.vue组件 (单文件组件)
vue命名驼峰问题
The_more_more的博客
04-20 6928
项目场景： vue2创建好项目的时候，在给路由组件取名字的时候，ESLint会爆出错误，需要使用驼峰命名 问题描述 比如书我们在src下创建一个Home.vue作为我们的一个路由组件 vscode提出报错： Parsing error: No Babel config file detected for C:\Users\Admin\Desktop\back\vue-back\src\view\login.vue. Either disable config file checking with requ
前端工程项目(Vue项目为例)目录文件命名规范（个人推荐）
weixin_48226213的博客
11-02 2857
例：person-manage.vue、new-information/index.vue、new-information/detail.vue。注意：Windows文件系统是不区分大小写的，而Linux区分，曾经发生：文件名小写，本地开发环境运行和打包都没问题，在CI上打包会报错找不到文件，使用大驼峰命名和引入文件时必须仔细区分好大小写。例：wx-config.js、request.js、design-pattern.ts、axios.d.ts。全部采用小写方式，以短横线分隔，有复数结构时使用复数形式。
新手小白VUE整理(8)——EsLint,axios优化,拦截器,Proxy
a35336000的博客
11-01 306
EsLint,axios优化,axios拦截器,跨域Proxy
Vue脚手架
qq_36770411的博客
05-14 1153
1.初始化脚手架 说明： 1.Vue脚手架是Vue官方提供的标准化开发工具（开发平台） 2.文档：https://cli.vuejs.org/zh/ 2.具体步骤 第一步（仅第一次执行）：全局安装@vue/cli npm install -g @vue/cli 第二步：切换到你要创建项目的目录然后使用命令创建项目 vue create XXX 第三步：启动项目 npm run s...
解决Vue中eslint报错命名规则不是小驼峰
qq_51443304的博客
08-24 331
'vue/multi-word-component-names': "off"，在eslint后缀文件rules中添加这行，搞定。
【Vue 2.x】学习vue之二组件
m0_74187147的博客
04-30 1241
Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，可以高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 [10] Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建， [4]是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场
《Vue 进阶：生命周期（八钩子）、工程化开发（脚手架+组件化）与清单案例》
最新发布
CC__xy的博客
12-19 1086
生命周期（四阶段，八个钩子函数）生命周期案例，小黑记账本（基本渲染，添加功能，删除功能，饼图渲染echarts）工程化开发 :脚手架使用步骤vue create 项目名，项目运行流程，组件化开发，vue根组件，组件注册使用（局部注册组件，全局注册组件）
Vue项目-后台管理系统（二）vue-cli脚手架的搭建
zxcvbnmlx的博客
08-28 416
element-ui和路由的使用
Vue2 组件名没有按照驼峰命名报错解决方法
知远同学的博客
01-30 863
请注意，这样做会在整个文件中禁用该规则，因此请确保只在必要的地方使用。最好的方式还是在可能的情况下，遵循规范来编写组件名。可以在代码中使用注释来告诉ESLint忽略某一行或某一段代码。这会告诉ESLint在这个组件文件中禁用。
elementUI+vue2.x封装表格组件遇驼峰与连字符监听事件无效问题
weixin_42971933的博客
02-03 398
elementUI+vue2.x封装表格组件，监听事件驼峰与连字符无效问题
手把手教你创建vue cli3.0项目
xiaoyingyings的博客
03-02 2928
1、全局安装@vue-cli: npm insall -g @vue/cli 如果安装了淘宝镜像，建议使用cnpm下载。 安装成功后，可以通过 vue -V 查看下载的@vue/cli版本号。 2、创建项目 vue create myProject
使用Vue组件的注意事项
lhrdlp的学习笔记
06-06 624
文章目录1.Vue组件名推荐使用大驼峰命名法 1.Vue组件名推荐使用大驼峰命名法 为什么我们一直在强调 Vue 组件命名使用大驼峰呢??? 在此之前,我们对 Vue 组件已经有啦一定的了解,我们也知道局部组件的使用频率会高于全局组件,推荐使用大驼峰命名也和我们局部组件的使用有关,接下来我们慢慢分析. 我们先写一个简单的组件来观察一下: <div id="app"> <!-- 在注册了局部组件的实例中使用局部组件 --> <my-com
报错:Component name “xxxx“ should always be multi-word.需要关闭驼峰命名
Xx112_的博客
05-14 618
eslint默认要求检测组件名称是否使用驼峰命名，可以手动关闭 在.eslintrc.js文件中 module.exports = { root: true, env: { node: true }, extends: ['plugin:vue/essential', '@vue/standard'], parserOptions: { parser: '@babel/eslint-parser' }, rules: { 'no-console':
第十八节:带你梳理Vue2: Vue组件中的注意事项和特例
我们专注于分享最实用的编程技术和干货，帮助你提升编程能力,感谢您的支持和关注！
05-28 1407
Vue组件名推荐使用驼峰命名 现在我们来看看为什么在Vue中推荐注册组件时使用驼峰写法, 推荐使用驼峰写法也是和局部组件有关系
使用vue-cli2脚手架创建的项目， 如何给常用文件路径起别名
明天的明天5812
06-28 995
给常用路径起别名可以方便开发者快速开发 一、起别名的文件在哪里？ 在 build 文件夹下的 webpack.base.conf.js 里面 resolve 对象时用来解决路径相关问题的 起别名是在图中的 alias 对象下对想要起别名的路径进行设置。常见的是 @ 这个别名，下面的是自己项目里需要起的别名。 以下是使用别名需要注意的地方： 1、常见的是用 import 导入的时候需要使用 别名路径 这种就 使用这种 直接写别名就可以了。 2、如果不是用 import 导入，而...
Vue - 驼峰和短横线分割命名注意事项
Zong_0915的博客
02-09 1235
父组件在传递给子组件的时候，命名上我测试下来没有什么特殊的要求。结果如下：无论是使用下划线分割还是原名，都可以正常接收。一般编码的时候，习惯这样：命名的时候采取。经过测试，父组件在传函数的时候，使用。父组件在给子组件传递变量的时候，例如，我写一个简单的子组件。法（每个单词的首字母小写）。子组件的接收：驼峰命名法。法，和上述案例一个效果。命名法，使用的时候采取。
vscode报错vue/multi-word-component-names处理
weixin_64725948的博客
11-06 3455
vscode报错vue/multi-word-component-names处理
Vue-Cesium：基于Vue 3.x的CesiumJS地理信息组件库
特别值得注意的是，项目提供了自动生成新组件的功能，通过 `yarn gen component-name` 命令即可快速创建一个新的组件模板，且要求组件名称必须使用 kebab-case（短横线命名法），这是 Web Components 和现代前端框架...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值