开发工具通用且合理的三大步骤

  一.前言

  在学习黑马的Vue3硅谷甄选运营平台管理项目的过程中,老师教我们使用类似eslint prettier 以及stylelint 等校验代码或美化代码格式的工具时,我发现了很多开发工具通用且合理的使用步骤。

 二.步骤

步骤一: 安装工具所需依赖

开发工具本身以及与项目技术栈适配的插件等依赖,是工具正常运行和具备相应功能的基础。比如ESLint配合TypeScript使用时 需要安装@typescript-eslint/parser等特定插件依赖。

步骤二:创建工具的配置文件以个性化使用工具

不同项目有不同代码风格、检查规则等需求,通过配置文件能按需调整工具行为。像ESLint配置文件可设定代码规则,Prettier配置文件能规定代码格式化样式,实现个性化定制。

步骤三:创建忽略文件以明确工具的作用范围

项目里有些文件(如node_modules里的第三方包代码)无需工具处理,通过忽略文件可精准规化工具作用范围 提示运行效率 避免不必要报错

步骤四:设置该工具的运行脚本

最后需要在项目的配置文件中添加快速运行相应工具的启动脚本

三.尾声

本次分享到此结束,希望我的分享能够帮助到您,也希望各位在学习编程的过程中多思考、多总结 编程之路步步高升!