DEV Community
·
Laravel与Vuejs的Husky预提交
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
该配置可帮助Laravel和Vuejs应用程序保持代码质量。开发者可逐步改进，无需长时间冻结代码。首先，添加'Duster'包及PHPstan、Larastan；然后为前端安装并配置eslint；最后，设置Husky在提交时运行lint工具。
🎯
关键要点
-
该配置帮助Laravel和Vuejs应用程序保持理想的代码质量。
-
开发者可以逐步改进代码，无需长时间冻结代码。
-
首先添加'Duster'包及PHPstan、Larastan。
-
为PHPstan添加配置文件'phpstan.neon'，设置路径和级别。
-
前端使用eslint，安装husky和eslint相关插件。
-
在package.json中添加lint和prepare脚本。
-
创建'eslint.config.js'文件，配置Vue的eslint规则。
-
配置Husky以在提交时运行lint工具，确保代码质量。
❓
延伸问答
如何在Laravel和Vuejs中保持代码质量？
可以通过配置Duster、PHPstan、Larastan和eslint，并使用Husky在提交时运行lint工具来保持代码质量。
Husky在代码提交中起什么作用？
Husky可以在代码提交时运行lint工具，确保提交的代码符合质量标准。
如何为PHPstan配置文件？
需要创建名为'phpstan.neon'的配置文件，并设置路径和级别等参数。
如何在前端项目中使用eslint？
可以通过安装eslint及相关插件，并在package.json中添加lint和prepare脚本来使用eslint。
如何创建eslint的配置文件？
在项目根目录下创建名为'eslint.config.js'的文件，并配置Vue的eslint规则。
使用Husky时如何处理提交错误？
可以通过在Husky的预提交脚本中移除'|| true'部分来使提交在出现错误时失败。
➡️
