【无标题】Eslint prettier tsc

juanking369534

已于 2022-07-26 15:43:48 修改

阅读量88

点赞数

文章标签： javascript typescript npm

于 2022-07-12 06:07:56 首次发布

本文链接：https://blog.csdn.net/weixin_43893087/article/details/125704214

版权

npm i typescript -D

npx tsc --init

compiler ====>Js

mkdir src, npx tsc ./src/test.ts

~concept: type with js

------------------------

安装 npm install eslint -D npx eslint --init style esm(jsmodel) react browser

.eslintrc.js: env:node:true如果有波浪线的haul

修改rules：quotes:["error","double"] alwaysrun： npx eslint ./.eslintrc.js --fix

rules:{"prettier/prettier: ["error",{singleQuote:true}]

----------------------------------------（env:whereweusecode ,extends:addtionaltype of config ）

prettier

opinionated code formatter

npm remove eslint-config-airbnb eslint-plugin-jsx-ally(uninstall eslint-plugin-jsx-ally --save-dev)

yarn....

npm install --save-dev --save-exact prettier npm install --save-dev eslint-config-prettier

extends: prettier

then,

npm i prettier eslint-config-prettier eslint-plugin-prettier -D 手动加extends and plugin

---------------------------------------

source control ：message“eslint init”

plugin is extra bits of package code that you can add to

What is the difference between Eslint sections extends and plugin?

Stackoverflow answer

Extends uses a config file which applies set of rules when you add that to the extends options. A plugin on the other hand provides you with a set of rules that you can individually apply depending on your need. Just having a plugin does not enforce any rule. You have to choose which rules you need. A plugin may provide you with zero, one, or more configuration files. If the plugin provides configuration file, then you can load that in your extends section after adding the plugin in the plugins section.

Working with Plugins

What is prettier?

Prettier.io

What is Prettier?