Eslint+Prettier

这篇具有很好参考价值的文章主要介绍了Eslint+Prettier。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.Eslint

Eslint+Prettier,插件,vue.js,前端,javascript

js验证的规则标准,Vue也有自己的独特的验证规则,vue-eslint-plugin属于vue自己的验证规则。

如果不想报错,可以在package.json/rules里面进行关闭,默认是开启的,默认缩进是两个空格。

2.Prettier - Code formatter

使写代码更加的美观

Eslint+Prettier,插件,vue.js,前端,javascript

可选的配置项:文章来源地址https://www.toymoban.com/news/detail-822512.html

例如:

module.exports={

 tabWidth: 2, // 使用制表符而不是空格缩进行
 
 semi:true,//尾部加分号
 singleQuote:true;
  

}

到了这里,关于Eslint+Prettier的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue项目中配置eslint和prettier

    eslint检查语法错误,格式问题并不重要 prettier是格式化工具,保证代码美观 vscode插件Eslint(务必安装),错误标红,保存的时候自动修正eslint错误 如果项目中一开始就没有配置,用下面的方法从零配置 若项目中已经有别人配好的,可根据需要修改规则 eslint插件,初始化,生

    2024年02月07日
    浏览(41)
  • Vue项目中代码规范(Prettier + ESLint)

    P r e t t i e r 用于统一代码格式,它主要关注代码外观,例如缩进、换行、引号等 Prettier用于统一代码格式,它主要关注代码外观,例如缩进、换行、引号等 P re tt i er 用于统一代码格式,它主要关注代码外观,例如缩进、换行、引号等 E S L i n t 用于代码质量和规范,它主要可

    2024年02月04日
    浏览(32)
  • Vue typescript项目配置eslint+prettier

    前言 本文基于 “vite”: “^5.0.0” 1.安装依赖 安装 eslint 安装 eslint-plugin-vue 主要用于检查 Vue 文件语法 安装 prettier 及相关插件 安装 typescript 解析器、规则补充 2.根目录创建 .eslintrc.cjs 3.根目录创建 .prettierrc.cjs 4.配置 package.json 的 scripts 字段 5.测试配置 如果本篇文章对你有帮

    2024年01月16日
    浏览(38)
  • 【vue3+ts项目】配置eslint校验代码工具,eslint+prettier+stylelint

    package.json中 vite后面加上 --open 回答问题如下: 使用eslint仅检查语法,还是检查语法及错误,选第二个 使用的是什么模块,选第一个 项目使用的是什么框架,选vue 项目中使用TyoeScript ,选yes 项目运行在哪,选浏览器 创建的配置类型需要什么类型的,选Javascript 需要安装这些

    2024年02月09日
    浏览(53)
  • VUE3照本宣科——eslint与prettier

    1.VUE3照本宣科——认识VUE3 2.VUE3照本宣科——应用实例API与setup 3.VUE3照本宣科——响应式与生命周期钩子 4.VUE3照本宣科——内置指令与自定义指令及插槽 5.VUE3照本宣科——路由与状态管理器 6.VUE3照本宣科——eslint与prettier 7.VUE3照本宣科——package.json与vite.config.js 👨‍💻👨

    2024年02月05日
    浏览(33)
  • vue3项目中简单实用的ESLint + Prettier配置

    一个中大型项目,一般由团队成员共同开发维护。而团队的成员都有自己的编码风格,导致整个项目的代码看上去很乱,很难维护。这时就需要我们的ESlint来进行限制。 一、使用vue-cli创建vue3项目 执行vue-cli的创建项目命令 在执行以上命令的时候,会有一步选择编码规范,如

    2024年02月12日
    浏览(33)
  • vue3-eslint-prettier-czgit配置

    一:vue3 1.1 vue3创建 输入命令后根据提示选择,项目是ts所以必选typescript 1.2 安装依赖 1.3 运行 二:配置eslint 2.1 执行安装命令 2.2 初始化eslint 依次选择 2.3 依赖安装完成后,会生成 .eslintrc.cjs 配置文件 2.4 在 package.json 文件中的 script 中添加 lint 命令 2.5 执行 lint 命令 遇到这样

    2024年02月15日
    浏览(44)
  • vue3安装eslint和prettier,最简单的步骤

      第1步: 安装eslint  第2步: 在根文件夹中,创建.eslintrc.js文件  第3步: 在package.json文件中新增命令 第4步: 安装eslint-plugin-vue 第5步: 安装prettier  第6步: 在根文件夹创建 .prettierrc.js文件 第7步: 安装eslint-config-prettier 第8步: 安装eslint-plugin-prettier 第9步: 在.eslintrc.js文

    2024年02月05日
    浏览(35)
  • vite vue3配置eslint和prettier以及sass

    教程 官网 vue-eslint ts-eslint 生成配置文件 安装其他插件 修改.eslintrc.cjs 添加.eslintignore 测试 也可以执行查看结果 官网 添加.prettierrc.cjs 添加.prettierignore https://stylelint.io/ 配置.stylelintrc.cjs 配置忽略文件.stylelintignore package.json增加配置 执行 yarn format 会自动格式化ts、js、html、js

    2024年01月23日
    浏览(38)
  • vue3+Vite+TS项目,配置ESlint和Prettier

    实操过的有两种方式 1.vue脚手架 2.vite(推荐,也是尤大大团队研发) 具体怎么新建一个vue3项目就不多讲了,可以按照官方文档来 创建后的文件目录长这样 多提一句,vite也会随着时间不断迭代,后续项目结构可能还会发生变化,当前使用的vue版本 和vite版本也一并贴出来 下

    2024年04月15日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包