Visual Studio Code 如何同时编辑多处

Dear 丶 2022-04-25 07:58 300阅读 0赞

# Visual Studio Code 如何同时编辑多处 #

[分步阅读][Link 1]

Visual Studio Code有多种同时编辑多处的操作，熟练掌握的话，可以提高写代码的速度，下面详细介绍。

## 重命名变量 ##

1.  1
    
    首先看看自己需要同时修改多处的代码是不是要重命名一个变量，如果是的话，有现成的快捷键f2。
    
    选中一个变量，按f2，弹出一个小窗口，在里面输入内容后按回车，所有该变量都会被重命名。
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code]][Visual Studio Code _Visual Studio Code]
2.  2
    
    但是要注意，在js文件中，如果这个变量没有用var或者const或者let声明，会无法重命名。
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code 1]][Visual Studio Code _Visual Studio Code 1]
    
    END

## 多光标 ##

1.  1
    
    按住alt，用鼠标左键点击，可以出现多个光标，输入的代码可以在光标处同时增加。
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code 2]][Visual Studio Code _Visual Studio Code 2]
2.  2
    
    按住Ctrl + Alt，再按键盘上向上或者向下的键，可以使一列上出现多个光标。
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code 3]][Visual Studio Code _Visual Studio Code 3]
3.  3
    
    选中一段文字，按shift+alt+i，可以在每行末尾出现光标
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code 4]][Visual Studio Code _Visual Studio Code 4]
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code 5]][Visual Studio Code _Visual Studio Code 5]
4.  4
    
    光标放在一个地方，按ctrl+shift+L或者ctrl+f2，可以在页面中出现这个词的不同地方都出现光标。
    
    有时候这个快捷键的作用和f2重命名变量类似，但是它更加广泛，因为还可以对比如字符串相同的非同一变量或函数类的东西修改。
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code 6]][Visual Studio Code _Visual Studio Code 6]
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code 7]][Visual Studio Code _Visual Studio Code 7]
5.  5
    
    按shift+alt，再使用鼠标拖动，也可以出现竖直的列光标，同时可以选中多列。
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code 8]][Visual Studio Code _Visual Studio Code 8]
6.  6
    
    任何光标操作，可以按Ctrl + U取消
    
    END

## 替换字符串 ##

1.  按ctrl+f，可以搜索当前页面，然后按搜索框左边的小三角符号，可以切换成替换模式。
    
    有时候使用字符串替换，比多光标方便，但是注意别不小心替换掉不想替换的内容。
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code 9]][Visual Studio Code _Visual Studio Code 9]
    
    [![Visual Studio Code 如何同时编辑多处][Visual Studio Code 10]][Visual Studio Code _Visual Studio Code 10]

[Link 1]: http://jingyan.baidu.com/album/3052f5a1066eb597f31f86db.html
[Visual Studio Code]: https://imgsa.baidu.com/exp/w=500/sign=67c8498c316d55fbc5c676265d234f40/d439b6003af33a87a80f2548ca5c10385343b505.jpg
[Visual Studio Code _Visual Studio Code]: /images/20220125/3a64fab621034fb58e072fd851cbd42c.png
[Visual Studio Code 1]: https://imgsa.baidu.com/exp/w=500/sign=5761135957b5c9ea62f303e3e538b622/3801213fb80e7bec371d26b3232eb9389a506b98.jpg
[Visual Studio Code _Visual Studio Code 1]: /images/20220125/0b819247e219449c82cef83defd62a73.png
[Visual Studio Code 2]: https://imgsa.baidu.com/exp/w=500/sign=dada8a407e0e0cf3a0f74efb3a47f23d/9213b07eca806538465f83419bdda144ad34822e.jpg
[Visual Studio Code _Visual Studio Code 2]: /images/20220125/be2fb408e2bd4d52a6cf4c1916b188b4.png
[Visual Studio Code 3]: https://imgsa.baidu.com/exp/w=500/sign=335de0bcb88f8c54e3d3c52f0a292dee/94cad1c8a786c917e332746bc53d70cf3bc757aa.jpg
[Visual Studio Code _Visual Studio Code 3]: /images/20220125/d756116630e44eaeafd41fd544de7834.png
[Visual Studio Code 4]: https://imgsa.baidu.com/exp/w=500/sign=3056da799116fdfad86cc6ee848e8cea/4034970a304e251f0273c5aaab86c9177e3e53df.jpg
[Visual Studio Code _Visual Studio Code 4]: /images/20220125/a367a50a4a6e4c6a8c1e25661f1f6bd7.png
[Visual Studio Code 5]: https://imgsa.baidu.com/exp/w=500/sign=5436edbedd00baa1ba2c47bb7710b9b1/d833c895d143ad4b1a1866928e025aafa40f06a9.jpg
[Visual Studio Code _Visual Studio Code 5]: /images/20220125/2143df495fa64358948524d965c1b65e.png
[Visual Studio Code 6]: https://imgsa.baidu.com/exp/w=500/sign=fc986d92fb36afc30e0c3f658318eb85/a8014c086e061d95f5ac176a77f40ad163d9cafe.jpg
[Visual Studio Code _Visual Studio Code 6]: /images/20220125/79036b4498294ce985b97cb770ac9c15.png
[Visual Studio Code 7]: https://imgsa.baidu.com/exp/w=500/sign=7534868d7ac6a7efb926a826cdfaafe9/a71ea8d3fd1f4134052f262c291f95cad1c85e43.jpg
[Visual Studio Code _Visual Studio Code 7]: /images/20220125/e4e73ab2ba56479d84338eb9091b7244.png
[Visual Studio Code 8]: https://imgsa.baidu.com/exp/w=500/sign=4684ceead83f8794d3ff482ee21a0ead/024f78f0f736afc3adf01237bf19ebc4b64512e7.jpg
[Visual Studio Code _Visual Studio Code 8]: /images/20220125/b48cd90e4cf74cf4b83e489d448ec055.png
[Visual Studio Code 9]: https://imgsa.baidu.com/exp/w=500/sign=52757bb2fb03918fd7d13dca613c264b/2934349b033b5bb5f8b80cac3ad3d539b600bc70.jpg
[Visual Studio Code _Visual Studio Code 9]: /images/20220125/3a64fab621034fb58e072fd851cbd42c.png0
[Visual Studio Code 10]: https://imgsa.baidu.com/exp/w=500/sign=ab759e63ad8b87d65042ab1f37092860/21a4462309f79052804b6b6c00f3d7ca7bcbd50f.jpg
[Visual Studio Code _Visual Studio Code 10]: /images/20220125/3a64fab621034fb58e072fd851cbd42c.png1