2016 - 2024

感恩一路有你

react全家桶介绍 实例详解Vue项目使用eslint prettier规范代码风格?

浏览量:2926 时间:2021-03-17 16:54:05 作者:admin

实例详解Vue项目使用eslint prettier规范代码风格?

1. 安装vetur插件。2将以下规则添加到vs代码设置:{0”vetur.format.defaultFormatter格式“:{”HTML“:”prettier“,”CSS“:”prettier“,”postss“:”prettier“,”SCSS“:”prettier“,”less“:”prettier“,”JS“:”prettier“,”ts“:”prettier“,“stylius”:“stylius supremacy”}}下面是设置vetur使用的默认格式插件更漂亮。这样,HTML和JavaScript代码就可以在。可以格式化Vue文件。Vue eslint代码自动格式化Vue cli代码样式是JavaScript标准样式,代码检查规范严格,不小心就不能运行。使用eslint的Autofix onsave可以在保存代码时自动格式化代码。Protel与Proteus的主要区别如下:1。Protel是上世纪80年代后期Altium开发的EDA软件,Proteus是英国labcenter电子公司发布的EDA工具软件。

2. Protel主要用于绘制原理图和设计PCB;Protel主要用于用专业电路板绘制工具绘制电路图,但厂家考虑到一些常用电路有仿真的需要,所以增加了仿真功能。它主要用于模拟,而不是Proteus的附加功能。Protel可以进行简单的模拟/数字电路仿真和功能强大的PCB设计。主要应用领域有教学、技能评估、产品开发等,Proteus可以直接模拟模拟/数字电路、MCU和arm。也可以是一个简单的PCB设计。

PROTEL与PROTUES有什么区别?

不要用漂亮的。基本上已经过时了,等着退休。

使用prettier,将vscode formatter设置为prettier,并将save file设置为触发自动格式化。创建。Prettierrc文件在根目录下,设置锁定、引号样式等配置。

然后安装eslint for JS和tslint for ts。在vscode中设置格式,首先继承lint配置,并使用prettier配置复制。在根目录中创建lint的配置文件。

然后安装editorconfig插件并设置。根目录中的Editorconfig配置。其作用是统一项目编辑器的实时格式。简而言之,它负责输入代码的时刻的格式,而漂亮的负责保存代码的时刻的格式。两者的统一性更好。

最后,你在哪里包.json还有一个命令用于自动检查lint prettier的整个项目和自动全局格式化。用于代码评审和自动修复,确保许多参与大型项目的人拥有完全统一的代码格式。

以上vscode优雅格式的基本实现。

手机打字比较麻烦,具体配置我就不详说了。

react全家桶介绍 prettier怎么读音发音 shein前端面试

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。