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修复代码格式的功能。
如果格式化没有效果,有可能没有选择默认的格式化插件,可以鼠标右击已打开的文件进行配置,如下图:


相关推荐
CHU729035几秒前
便捷点餐,随心畅享——外卖点餐小程序前端功能详解
前端·小程序
Data_Adventure2 分钟前
2025–2026 Three.js 有哪些重要更新?Web 3D 正在进入 WebGPU 时代
前端·three.js
全栈老石2 分钟前
再见 Moment.js!浏览器原生支持的新一代时间库 Temporal 来了
前端·javascript
周淳APP3 分钟前
【HTTP之浏览器缓存及渲染】
前端·网络·网络协议·http·缓存
叫我一声阿雷吧13 分钟前
JS 入门通关手册(13):DOM 基础入门:用 JavaScript 操作网页元素,让页面 “活” 起来!
javascript·dom操作·js入门·零基础学前端·网页交互
我命由我1234515 分钟前
React - React 初识、创建虚拟 DOM 的两种方式、jsx 语法规则、React 定义组件
前端·javascript·react.js·前端框架·html·html5·js
青青家的小灰灰26 分钟前
深入理解 JavaScript 箭头函数:从语法糖到核心机制
前端·javascript·面试
cxxcode29 分钟前
Web Vitals 数据采集机制分析
前端
sniper33 分钟前
AI+Shopify 前端开发:实战一年后,聊聊 AI Agent 和前端的生死局
前端
南囝coding33 分钟前
OpenClaw 到底能干什么?可以看看这 60 个真实用例
前端·后端