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 分钟前
React中的受控组件示例
前端·javascript·react.js
奋斗吧程序媛2 分钟前
request请求相关
前端·javascript·vue.js
dragoooon343 分钟前
[Linux网络基础——Lesson9.「TCP 全连接队列与 tcpdump 抓包」]
前端·git·github
光影少年9 分钟前
用vite还是webpack多,vite为什么快
前端·webpack·node.js
waeng_luo9 分钟前
[鸿蒙2025领航者闯关] 鸿蒙应用中如何管理组件状态?
前端·harmonyos·鸿蒙·鸿蒙2025领航者闯关·鸿蒙6实战·开发者年度总结
克喵的水银蛇10 分钟前
Flutter 通用列表项封装实战:适配多场景的 ListItemWidget
前端·javascript·flutter
Howie Zphile11 分钟前
做移动端的 Next.js 项目,可以选哪些 UI?
开发语言·javascript·ui
WX-bisheyuange12 分钟前
基于Spring Boot的宠物商城网站设计与实现
前端·javascript·vue.js·毕业设计
9号达人12 分钟前
大家天天说的'银弹'到底是个啥?看完这篇你就明白了
前端·后端·程序员
苏打水com18 分钟前
第四篇:Day10-12 JS事件进阶+CSS动画——实现“复杂交互+视觉动效”(对标职场“用户体验优化”需求)
javascript·css·交互