typescript,eslint,prettier的引入

typescript

首先用npm安装typescript,cnpm i typescript
然后再tsc --init生成tsconfig.json配置文件,这个文件在package.json同级目录下
最后在tsconfig.json添加includes配置项,在该配置项中的目录下,所有的d.ts中的类型可以在这些目录下的其他文件引用
typescript,eslint,prettier的引入_第1张图片
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修复代码格式的功能。
如果格式化没有效果,有可能没有选择默认的格式化插件,可以鼠标右击已打开的文件进行配置,如下图:

typescript,eslint,prettier的引入_第2张图片
typescript,eslint,prettier的引入_第3张图片

你可能感兴趣的:(typescript,javascript,前端)