本发明公开了一种基于Vue代码优化的JavaScript插件，涉及互联网技术领域，针对前端人员开发前需要熟悉公司要求的前端开发规范，虽然目前主流的前端代码框架多为Vue，但是通读规范并执行需要耗费时间成本，对己开发完成的代码，需要手动一一修改，工程较大，耗费时间过长的问题，现提出如下方案，包括包括启动模块、文件导入模块、文件识别模块、文件分析模块、文件处理模块与结果输出模块。本发明基于JavaScript与canvas针对前端代码做规范化优化，提高前端代码质量，降低后期维护成本，标准化前端代码，基本命名模板可以使前端初学者熟悉页面命名规范，并对不规范的命名部分进行命名替换操作生成正确规范的命名，保证投入使用的代码规范。