typescript,eslint,prettier的引入

typescript

首先用npm安装typescript,cnpm i typescript

然后再tsc --init生成tsconfig.json配置文件,这个文件在package.json同级目录下

最后在tsconfig.json添加includes配置项,在该配置项中的目录下,所有的d.ts中的类型可以在这些目录下的其他文件引用

ts文件和d.ts文件都包含在src中

eslint

首先用npm安装eslint,cnpm i eslint

然后安装eslint插件

最后通过eslint --init初始化配置文件.eslintrc.js

prettier

首先通过npm安装prettier,cnpm i prettier

然后安装prettier插件

最后通过prettier --init初始化配置文件.prettierrc.js

复制代码
ps:如果保存的时候出现分号出现后又消失的类似情况,有可能是eslint和prettier冲突了,因为eslint和prettier修复代码格式的功能。
如果格式化没有效果,有可能没有选择默认的格式化插件,可以鼠标右击已打开的文件进行配置,如下图:


相关推荐
倾颜1 小时前
从 textarea 到 AI 输入框:用 Tiptap 实现 / 命令、@ 引用和结构化请求
前端·langchain·next.js
kyriewen3 小时前
程序员连夜带团队跑路,省了23万:这AI太贵,真的用不起了
前端·javascript·openai
kyriewen3 小时前
你写的代码没有测试,就像出门不锁门——Jest + Testing Library 从入门到不慌
前端·单元测试·jest
yuzhiboyouye4 小时前
web前端英语面试
前端·面试·状态模式
canonical_entropy5 小时前
下一代低代码渲染框架 nop-chaos-flux 的设计原则
前端·低代码·前端框架
东方小月6 小时前
5分钟搞懂Harness Engineering(驾驭工程):从提示词到AI Agent的进化之路
前端·后端·架构
我叫黑大帅6 小时前
为什么需要 @types/react?解决“无法找到模块 react 的声明文件”报错
前端·javascript·面试
之歆6 小时前
DAY_21JavaScript 深度解析:数组(Array)与函数(Function)(一)
前端·javascript
XinZong7 小时前
【AI社交】基于OpenClaw自研轻量化AI社交平台实战
前端
Le_ee7 小时前
ctfweb:php/php短标签/.haccess+图片马/XXE
开发语言·前端·php