文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

面对重复的代码、逻辑,如何提高开发效率

2024-12-03 04:15

关注

下面是面对重复的代码、逻辑,如何提高开发效率的一些解决方案,希望对大家有所帮助。

[[402789]]

vscode中使用@没有路径提示

为了方便操作,我们经常会在webpack中配置@指向项目的src目录,但是vscode的路径提示并不认识@,导致写引入路径时没有提示,纯手敲。

解决方案: 下载vscode插件Path Intellisense,并且在vscode setting文件中如下配置即可:

引入公共组件的代码很繁琐

公共组件每次使用的时候,都需要写引入的代码:

  1. import Material from '@ 
  2. /components/common/Material' 

解决方案: 把公共组件注册成全局组件,就可以节省引入组件的工作量。

  1. // 注册全局公共组件 
  2. let context = require.context('@/components/common/', true, /\.vue$/) 
  3. context.keys().map(key => { 
  4.   const component = context(key).default 
  5.   Vue.component(component.name, component) 
  6. }) 

这里用到了require.context,根据公共组件目录来引入所有的公共组件

使用公共组件的代码很繁琐

我们使用一个组件时,它的组件名、传参、自定义事件等都需要手敲,如下:

  1. <Material 
  2. title="议题材料" 
  3. :materials.sync="material" 
  4. :annotation.sync="annotation" 
  5. :vAuth="() => 35" 
  6. /> 

解决方案:

公共组件的代码中,维护一个组件使用demo,以供使用时快速复制。以前的工作量减少到了只需要复制、修改绑定值即可。强烈建议在团队中执行。

维护一个公共组件的文档、示例页

提供了以下功能:

有一些代码片段,出现的很频繁

项目开发中,会发现一段js逻辑、html,在某种场景下,出现的很频繁,但他们其实已经很简洁,又不需要再去二次封装,所以我们可以使用vscode的snippets来帮助我们节省工作量。 但vscode原生的snippets的使用体验非常不好:

我们需要把代码根据逗号按行分隔开作为输入,不仅工作量很大,而且代码这样处理后已经无法直观地理解。

根据经验,你能发现的问题,一般情况下早已有了解决方案:

我们可以使用插件——snippets,它可以很快捷方便的新建、编辑、插入代码片段。

来源:今日头条内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯