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


相关推荐
酉鬼女又兒19 分钟前
HTML零基础快速入门篇(可用于备赛蓝桥杯Web应用开发) 牛客手把手戴刷FED1~8:基本标签,基本标签,媒体标签详解
前端·职场和发展·蓝桥杯·html·web
weixin1997010801623 分钟前
搜好货商品详情页前端性能优化实战
java·前端·python
SuperEugene29 分钟前
NPM Script 实战:常用命令设计与封装|Vue 工程化篇
前端·javascript·vue.js·前端框架·npm
前端进阶之旅33 分钟前
React 18 并发特性实战指南:提升大型应用性能的关键技术
前端·react.js·前端框架
恋猫de小郭34 分钟前
Android 性能迎来提升:内核引入 AutoFDO 普惠所有 15-16 设备
android·前端·flutter
小霍同学37 分钟前
Vue 动态表单(Dynamic Form)
前端·vue.js
Dragon Wu43 分钟前
Taro 小程序开发注意事项(不定期记录更新)
前端·javascript·小程序·typescript·taro
wangfpp1 小时前
多端统一你真的会了吗?
前端·javascript·架构
小霍同学1 小时前
Vue 动态组件(Dynamic Components)
前端·vue.js
Chengbei111 小时前
AI 自动逆向 JS 加密!自动抓密钥、出报告,彻底解放双手,解决抓包数据包加密难题
开发语言·javascript·人工智能·安全·网络安全·网络攻击模型