Vue项目初始化中eslint简单配置

最新推荐文章于 2024-06-12 09:51:44 发布
最新推荐文章于 2024-06-12 09:51:44 发布
阅读量665 收藏
点赞数
分类专栏： vue学习 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43714302/article/details/108815471
版权

Vue项目初始化中eslint简单配置

1. 新建.prettierrc格式化文件并配置如下代码

{
    // 下列分别是不使用分号作为结尾，使用单引号替换双引号，对象两端带有空格
    "semi": false,   
    "singleQuote": true,	
    "bracketSpacing": true   	
}

2. 默认文件.eslintrc.js配置代码如下

在 rules 节点下新增如下配置

"space-before-function-paren": 0    //方法名与小括号之间的距离可以为空

这样在 vue 文件中格式化代码不再报错

Zoe's Jeitoso .
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ESLint在Vue中的使用详解
老哥二娃
12-11 4万+
ESLint的用途 1.审查代码是否符合编码规范和统一的代码风格； 2.审查代码是否存在语法错误； 中文网地址 http://eslint.cn/ 使用VSCode编译器在Vue项目中的使用 在初始化项目时选择是否使用ESLint管理代码(选择Y则默认开启) Use ESLint to lint your code? (Y/n) 默认使用的是此标准https://g
在vue项目中使用eslint步骤
weixin_41760500的博客
09-07 2988
eslint安装
使用 Eslint + husky + lint-staged + Prettier 提高前端项目质量、统一项目代码风格
FE-阿阳的博客
12-18 1399
使用 Eslint + husky + lint-staged + Prettier 提高前端项目质量、统一项目代码风格 Eslint 代码检查，编辑器启用 Eslint 之后，不符合规范的会自动进行提示。 Prettier 让代码变得更 pretty，会更改不符合检测要求的代码，自动格式化。 husky git 每步操作的钩子，没执行一个操作都会执行一次对应的钩子函数，执行 pre-commit 操作时，执行 Prettier 格式化脚本，即可自动的格式化代码，让 commit 之后的代码都符合 Pr
vue项目配置eslint步骤总结
最新发布
betterAndBetter_的博客
06-12 231
还可以集成到提交代码的钩子中。
eslint初始化项目
weixin_39568103的博客
08-16 1万+
在任意自定的项目添加eslint规则,配合vscde实现自动检测和保存修复 1：安装eslint  npm install eslint --save-dev（之前首先 npm init 初始化） 2：eslint初始化项目     eslint --init      3：步骤2结束之后会出现 .eslintrc.js 文件  这个是配置我们eslint规则的js   需要配置的规...
项目初始化配置eslint/prettier/stylelint/husky/commitlint/pnpm包管理器工具
picktheshy的博客
05-19 1380
eslint/prettier/stylelint/husky/commitlint/pnpm包管理器工具
【工具篇】从零配置eslint
前端劝退工程师
04-01 3001
文章很长,纯手打，如有帮助，给个关注，或者github给个start，不胜感激！！！ https://github.com/wjune211 vscode先装一个eslint插件 插件市场搜索eslint，第一个就是 从创建一个文件夹开始 这样就初始化了一个带eslint的项目 配置eslint package.json中的script加上以下代码就可以使用npm run xxx 来执行后面的脚本 "scripts": { "test": "echo \"Error: no test speci
怎样在vue项目下添加ESLint的方法
11-26
然后初始化 eslint --init 它会问你一些问题，你可以按照你的喜好进行配置，我选的是popular下面的standard，生成的文件是js格式，那么就会创建出eslintrc.js文件： module.exports = { "extends": "standard" }; ...
NodeJs安装及配置 Vue项目初始化
08-26
NodeJs 安装及配置 Vue 项目初始化 NodeJs 是一个基于 JavaScript 的服务器端运行时环境，它提供了一个事件驱动、非阻塞 I/O 模型，使得其轻量级、高效。下面将详细介绍 NodeJs 的安装及配置、Vue 项目初始化。 一...
详解vue-cli中的ESlint配置文件eslintrc.js
12-08
本文讲解vue-cli脚手架根目录文件.eslintrc.js，分享给...node_modules\.bin\eslint --init 初始化配置文件，此配置文件配置好之后，vscode编辑器自动识别 3.vue-cli的.eslintrc.js配置文件的解释 // http://eslint
基于vue20vueroutervuexaxioslesselement的初始化项目配置
08-12
在这个“基于vue20vueroutervuexaxioslesselement的初始化项目配置”中，我们将探讨如何集成这些关键技术来构建一个功能完备的前端项目。 1. **Vue.js 2.0**: Vue 2.0引入了虚拟DOM，提高了性能，同时增加了服务器...
VSCode使用之Vue工程配置eslint
10-17
- **初始化配置**：运行 `eslint --init`，这将安装一系列标准配置相关的依赖，并生成 `.eslintrc.js` 文件，其中包含基本的配置内容： ```javascript module.exports = { "extends": "standard" }; ``` - **...
vue项目初始化自定义webpack与eslint
izhaong
10-03 309
文章目录问题 问题 // main.js import Antd from "ant-design-vue"; import "ant-design-vue/dist/antd.less"; // 后缀改为less 支持自定义主题 Vue.use(Antd); 完整导入第三方UI组件库是导致app.js文件过大 通过按需加载的方式 // main.js import Button from "...
Vue项目中安装eslint
qq_36024028的博客
04-19 2693
1、npm install eslint --save-dev 2、初始化命令：eslint --init 选择第三个 选择第一个 选择第二个vue 根据需要选择，一般来说是 yes 选择第一个 浏览器 选择第一个 选择第三个 google的检测规则 选择配置文件的格式，一般来说是 JavaScript 建议装一些插件，选择yes 3、初始化完成后，会自动生成 .eslintrc.js 文件 ...
代码规范系列一：eslint, prettier初始化
m0_37990275的博客
07-18 265
新增eslint-plugin-prettier, eslint-config-prettier。下例中，配置了3个 ext 文件格式化，可按实际情况右键配置自己想要的格式化方式。vscode IDE 中输出了错误提示，但是浏览器中未输出eslint错误报告。4. 选择相应的ext扩展名文件，右键点击，选择"使用...格式化"./src/main.ts中新增一个变量，只赋值不使用。浏览器中输出错误，显示一个一个已定义变量未使用。pnpm run dev启动项目。package中新增命令行。
给vscode和@/vue-cli_4.x项目初始化eslint
一把健
03-06 795
前言 使用vscode，并且使用@/vue-cli初始化vue项目后，vue项目自带eslint，但若想自定义或从package.json中分离eslint配置，可以遵循如下做法。此做法适用于用webpack初始化的项目，自定义eslint用。 步骤 vscode 先配置vscode，使得vscode支持自行检查eslint规范，进行错误警或自动纠正，这里建议开启错误警告和自动纠正，强制性便于代码...
vue+eslint+prettier格式化
weixin_43443341的博客
04-12 1900
vue项目eslint配置背景手动格式化命令行指令vscode设置 背景 新建一个 Vue 项目 pro_demo并选择自定义模式 vue create pro_demo 现在我们来测试一下代码规范，在 Home.vue 文件中 有三种方式可以自动格式化这些不符合规范的代码 手动格式化 命令行指令 // package.json文件中 "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service buil
1、Eslint安装和初始化
u013437812的博客
12-01 2596
一、使用步骤 1.安装eslint 代码如下（示例）： npm install eslint --save-dev 2.读入数据 代码如下（示例）： data = pd.read_csv( 'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv') print(data.head()) 该处使用的url网络请求的数据。 总结 提示：这里对文章进行总结： 例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pa
Vue的ESLint配置
热门推荐
mocoe的专栏
02-03 1万+
用惯了组里统一的代码风格，再看默认的vue项目代码很是别扭，记录下ESLint配置，以后直接copy paste，美滋滋 目录 ESLint配置方式 规则级别 常用规则 官网：https://eslint.org/docs/rules/ ESLint配置方式 ESLint有三种配置方式，一般自定义规则较少时，选第2种；自定义配置很多，建议第1种；第3种常用于对某句代码禁用es...
Vue3.0项目配置全攻略：从初始化到运行
"这篇博客详细介绍了如何从零开始配置一个Vue 3.0项目，包括初始化项目、新建项目、理解项目结构以及后续可能需要添加的目录。作者推荐使用Yarn来代替npm，并提供了Yarn的教程链接。在创建项目时，通过`vue create`...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值