Vue代码规范插件

最新推荐文章于 2024-04-04 18:46:21 发布
最新推荐文章于 2024-04-04 18:46:21 发布
阅读量1k 收藏
点赞数
分类专栏： 开发工具 文章标签： 代码规范检查插件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GeXueliu/article/details/124261245
版权

prettier

用于格式化js、html、css.包括缩进、单双引号、空行、注释等

eslint

用于代码规范检查，包括js、html、css等格式检查。以及代码变量、语法检查。

eslint-config-prettier

eslint代码规范检查和prettier格式化规范不完全一致，使用该插件可以使eslint的规范继承于prettier。即：prettier规范会覆盖eslint。当然eslint的规范也可以通过配置覆盖prettier

prettier eslint 的配置项见各自官网

GeXueliu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.js 组件编码规范
07-09
Vue.js 组件编码规范/始终基于模块的方式来构建你的 app，每一个子模块只做一件事情。 Vue.js 的设计初衷就是帮助开发者更好的开发界面模块。一个模块是应用程序中独立的一个部分。
Vue学习笔记4-项目开发规范及插件
摘繁华
08-18 266
首先搜索安装 ESLint 和 Prettier 这两个插件。这里对开发规范的配置仅配置ESLint，对代码格式的配置仅配置Prettier，用于代码格式化。
Vue常用插件汇总，想跳槽的朋友必看
最新发布
qinglp的博客
04-04 1508
Vue.js的HTML5视频播放器- vue手机端网页音乐播放器滚动scroll- Vonic UI的功能性组件- 无限滚动组件- VueJS的无限滚动插件- 带任意数目数据的顺畅的滚动- VueJS的无限滚动指令- 最简单的滚动区域组件- vue滚动- Vue2的上拉下拉- VueJS的双向下拉刷新组件- smoothscroll的VueJS版本文件上传- Vuejs文件上传组件- 轻量级的vue上传插件- 用于文件上传的Vue组件图片处理- 移动优化的vue图片懒加载插件。
前端代码规范常用的一些插件及配置(Vue)
YuShiYue的博客
11-08 1519
前端代码规范常用的一些插件及配置 背景 因为现在前端的团队越来越壮大，难免在开发过程中会出现代码格式风格不一致的情况，有时候我们在修改不是自己的项目时候，有一些逻辑不明白，那我们可以通过看每一行代码的记录去找到相应的开发人员进行沟通，所以现在非常有必要把团队的风格进行统一化，由此出了一些配置 一.开发工具 1.1 vscode (济南团队都要使用vscode) 1.2 微信小程序开发者工具，支...
vue项目代码规范eslint和prettier插件
黎小小的博客
01-16 1184
Prettier用于统一代码格式，它主要关注代码外观，例如缩进、换行、引号等ESlint 用于代码质量和规范，它主要可以检查代码错误，不良习惯和潜在问题在VScode中下载插件。
vsCode-Vue_ESLint插件代码规范设置
m0_59878114的博客
10-12 95
1、下载这个插件到vscode中 2、非常非常非常重要 一定要把脚手架工程, 作为vscode根目录, 因为eslint要使用配置文件.eslintrc 3、一定要配置插件监测的时机, 修改ESLint插件配置 "eslint.run": "onType", "editor.codeActionsOnSave": { "source.fixAll.eslint": true } ...
前端代码编写规范-编程规约和Vue项目规范
10-08
一．编程规约 (一) 命名规范 (二) HTML 规范 （Vue Template 同样适用） (三) CSS 规范 (四) LESS 规范 (五) Javascript 规范 二、Vue 项目规范 (一) Vue 编码基础 (二) Vue 项目目录规范
两套Vue实战项目代码，初学者可用
01-03
一、内容概要 本资源包含两套适合初学者的Vue实战项目代码。...同时，建议学习者在使用过程中注意代码规范和知识产权问题，尊重原作者的权益。通过合理利用本资源，相信学习者能够在Vue领域取得更好的进步和发展。
Vue.js 高仿饿了么外卖项目源码
10-17
代码规范： （1）架构设计；（2）组件抽象；（3）模块拆分；（4）代码风格统一；（5）JS变量命名规范；（6）CSS代码规范；致力于编写高可维护，易于扩展，通用性强的代码，了解真实项目流程。 3. 学习内容 学习目标...
Vue后台管理实战源码
11-13
1、 掌握element常用组件进行开发 2、 掌握封装组件的...6、 会配置vscode自动按照eslint规范格式化代码 7、 会使用vue全家桶 8、 能通过EChart可视化展示数据 9、 可根据判断token，使用路由守卫进行跳转到指定页面
Vue项目vscode 安装eslint插件的方法(代码自动修复)
11-20
ESlint：是用来统一...这个时候可以安装vscode eslint插件，就可以自动检测不符合规范的代码。打开vscode左侧扩展面板，搜索eslint，点击安装，重启后生效 安装好之后，还需要在vscode文件中进行设置： 通过 f
vue项目中使用eslint+prettier规范与检查代码的方法
10-15
主要介绍了vue项目中使用eslint+prettier规范与检查代码的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
google代码规范检查工具
03-10
google推出的C++编码规范检查工具，一个python脚本，这是google使用的一个C++代码风格规范.
去掉vue 中的代码规范检测两种方法(Eslint验证)
08-27
我们在使用vue 脚手架时，为了规范团队的代码格式，会有一个代码规范检测，如果不符合规范就会报错，有时候我们不想按照他的规范去写。这时我们需要关闭,这里脚本之家小编给大家带来了去掉vue 中的代码规范检测两种方法(Eslint验证)，一起看看吧
eslint-plugin-vue：Vue.js的官方ESLint插件
02-03
eslint-plugin-vue Vue.js的官方ESLint插件 :open_book: 文献资料 参见。 :anchor: 版本政策 该插件遵循和。 :newspaper: 变更日志 该项目使用 。 :clinking_beer_mugs: 贡献指南 欢迎贡献！ 请参阅 。 使用规则 在开始编写新规则之前，请阅读。 接下来，为了了解您要检查的代码的AST的外观，请使用 。 是检查AST的好工具，还支持Vue模板。 打开，选择Vue作为语法，选择vue-eslint-parser作为解析器。 由于Vue中的单个文件组件不是普通JavaScript，因此无法使用默认解析器，因此引入了新的解析器。 vue-eslint-parser使用代表模板语法特定部分以及[removed]标记内部内容的节点来生成增强的AST。 要了解有关生成的AST中某些节点的更多信息，请转到此处： vue-eslint-parser提供了一些有用的解析器服务，可帮助遍历所生成的AST和访问模板的令牌： context.parserServices.defineTemplateBodyVis
Vue项目中代码规范（Prettier + ESLint）
東三城的博客
08-30 1899
Prettier用于统一代码格式，它主要关注代码外观，例如缩进、换行、引号等； ESLint用于代码质量和规范，它主要可以检查代码错误，不良习惯和潜在问题
VsCode中Vue代码格式插件，Vetur、ESLint 、Prettier - Code formatter的介绍使用及相关配置
热门推荐
qq_51081700的博客
05-13 1万+
Vetur是一款Vue代码高亮显示的一款插件，在没有使用此插件前，以 .vue的文件名代码是没有颜色的！！！安装步骤：在扩展商店中搜索（）点击安装。
Vue 代码检测（ESLint）
weixin_42754922的博客
04-17 2214
每个人编码的习惯不一样，或美观或不美观，或者在编码的过程中会有些疏漏未曾发现。为提高代码美观度、提高代码审阅效率，使得多人协作时代码风格统一，规定一套编码规则并在编写的过程中遵守该规则变得很有必要。在一些比较正式的大公司，公司也会有一套自己的代码编写规则，所以最好在代码生产的时候就一直对编写的代码进行代码检测。养成一个良编码习惯，从我做起！ESLint 是一个代码检查工具，用来检查你的代码是否符合指定的规范。
vscode vue 代码规范插件
08-31
对于在VSCode中使用Vue开发时的代码规范插件，可以考虑使用Prettier和ESLint的组合。 Prettier是一个代码格式化工具，它通过解析代码并使用自己的规则重新打印它，并考虑最大行长来强制执行一致的样式，并在必要时包装代码。它支持JavaScript、Flow、TypeScript、CSS、SCSS、Less、JSX、Vue、GraphQL、JSON、Markdown等多种语言。Prettier已成为解决所有代码格式问题的优选方案。 而ESLint是一个静态代码分析工具，它可以帮助我们检测代码中的潜在问题并统一团队代码风格。ESLint支持多种语言，并且可以配置规则来检测和自动修复问题。 在VSCode中，可以通过安装Prettier和ESLint的插件来实现代码规范。首先，安装Prettier插件，可以在VSCode的Extensions面板中搜索并安装"Prettier - Code formatter"。然后，在VSCode的设置中进行配置，可以在settings.json文件中添加以下代码来指定Prettier为默认的代码格式化工具： "editor.defaultFormatter": "esbenp.prettier-vscode"。 接下来，安装ESLint插件，可以在VSCode的Extensions面板中搜索并安装"ESLint"。同时，在项目中配置.eslintrc文件来定义规则和配置自动修复。ESLint的配置可以根据项目需要进行个性化定制，以满足团队的代码规范要求。 通过使用Prettier和ESLint的组合，我们既可以检测代码中的潜在问题，又能够统一团队的代码风格，并且还可以自动修复一些问题，从而提高我们的工作效率和代码质量。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vue、vscode格式规范prettier、eslint、git commit](https://blog.csdn.net/qq_39290323/article/details/126624179)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [VSCODE工具 VUE代码格式化插件及配置](https://blog.csdn.net/yu_baby/article/details/124126803)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值