幻影城创刊吧 关注:16贴子:2,922
  • 3回复贴,共1

一些代码编辑技巧

只看楼主收藏回复

本文不谈代码,只谈编辑代码时的一些技巧。代码要借助工具来编辑,因此所说的技巧主要是指编辑工具。光有技巧不行,还需工具支持实现这些技巧的功能,所以技巧的本质是功能。编辑工具有好多,内置的功能大同小异,可能使用上有所差别,因此谈论抽象了功能的技巧更为适用。


1楼2019-10-12 13:49回复
    技巧一,怎么在一个编辑窗口同时展示两个文件?
    前端文件通常由html、css、js组成,三者相互关联,往往需要切换着查看,这样费事又不直观,在一个编辑窗口同时展示两个文件就好了,这类操作的术语大概叫分屏。以编辑器notepad为例,可以选中要展示的文件,右键选择“移动到另一视图”,这样就能分屏了,一般两屏就差不多了。同时,这个方法比较利于初学者研究代码。想要切换回原来的状态,只要再右键选择“移动到另一视图”就行了。另一个编辑器VScode,分屏的操作是,选中要分屏的文件,点击右上角的一个像“日”字左旋90度的图标就行了,如果不需要分屏了则把文件拖拽回原文件所在的视图中。



    2楼2019-10-12 14:10
    回复
      技巧二,怎么同时选中相同的内容进行修改等操作?
      比如这个页面中共有三个元素有class属性,你想在每个class之前加上一段id="",这时不用一个个加,只需要同时选中三个class,同时移动三个移动光标到指定位置加上这段话就行。那么如何同时选中三个class呢?以VScode为例,可以先选中其中一个class,然后使用快捷键Ctrl+Shift+L,这样系统就能自动选中当前页面所有class了。这时,你的光标在一开始的那个class的哪个位置,其它的光标也会出现在其它class的相应位置。这样就能以一个光标同时控制多个光标了。不需要的时候,只要再次点击鼠标就行。


      3楼2019-10-12 14:24
      回复
        技巧三:怎么设置编辑器的背景色和字体大小?
        打开编辑器,如果长期使用的话,别忘设置背景色和字体大小,这样可以保护视力,因为程序员长时间对着代码。在notepad中,可以在顶部导航栏里的设置里找到语言格式设置,对前景色(也就是字体颜色)和背景色、字体大小按个人喜好进行设置,值得注意的是设置之后需要勾选相应的框才能生效。其它编辑器的设置,自行百度吧。


        5楼2019-10-12 15:49
        回复