| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> 开发工具 -> Vscode如何配置属于自己的ESlint -> 正文阅读 |
|
[开发工具]Vscode如何配置属于自己的ESlint |
众所周知,Vscode有一个插件叫ESLint,是用来提示错误信息的,但是他只能用来提示错误,无法自动修改格式—— 本文将带你了解ESlint的配置方法,让你的vscode由你自己掌控! Vscode掌控法则:第一步:下载并配置ESlint使其能在保存时修正格式 第二步:安装prettier.now并适配ESlint 1. 安装ESlint,当然要先安装插件,插件名ESlint 2.运行npm i eslint typescript -D下载相关第三方包 3在项目根目录运行npx eslint --init 此时会出现一系列配置需要你选择 第一个问题是询问你将用eslint做什么,这里我们选第三个 ?第二个问题是询问你的项目使用哪种类型的模块,这里我们选第三个,因为我们两种都要使用 ?第三个问题是你要将eslint运用到哪种框架上,这里我们选择第一个 ?第四个问题是询问我们需不需要使用ts,这里选择'是' ?第五个问题是询问我们将在哪种环境运用eslint,这里我们用空格将两种都选上 ?第六个问题是询问我们想使用哪种格式修正方法,这里我们选第一个 ?第七个问题是询问我们想用哪种最流行的方法,这里我们选第二个 ?第八个问题是我们像让eslint以哪种语言出现在你的根目录中,这里我们选择第一个 ?最后他会向我们确认是否以上述答案来生成eslint,我们选yes ?这样就会生成一个.eslintrc.js文件在我们的根目录下 这样我们就可以自定义配置我们的eslint了 eslintc.js
这样我们就能在按下ctrl+s时自动修改格式了 如果你想让eslint再做一些更人性化的操作可以再rules内自定义规则... 但是这只是一部分,因为vscode自动格式化有可能干扰我们的eslint,所以我们要改变配置自动格式化 4.安装prettier.now插件 ?5.开始配置vscode 点击设置 ?在输入框搜索eslint,将第一个复选框勾上再点击工作区将复选框也勾上 ?这是根目录会出现一个.vscode文件夹,并且目录下有一个settings.json文件 settings.json
最后再将默认格式化工具切换到prettier.now ?恭喜你你已经拥有了一个属于自己的eslint配置,并且你可以随时改变它! 好,这就是配置eslint的全过程了,喜欢还请收藏哦~ |
|
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 | -2024/12/25 0:54:12- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |
数据统计 |