visual studio code(vsc)的使用教程

mushang 发布于2019-08-21 10:52 / 3218人阅读

摘要：慢慢更新，工作用的是，移动办公用的是，所以两种快捷键都会慢慢的更新上去。快捷键这里主要就是实验上的快捷键，一些我认为没用的我就不列出来了。显示前提是你的项目必须是一个项目启动调试修改用户设置把默认的用户设置成适合我们自己的还是很重要的。

visual studio code以下简称vsc。
vsc这个编辑器也火了一会了，最近在跟风学一波typescript，网络上很多人说vsc是最适合ts的编辑器，而且这个编辑器本身也很好用，所以学一下，在这篇文章里记录一下学习的过程，比如快捷键，如何debug，如何跑任务和一些奇淫技巧等。慢慢更新，工作用的是windows，移动办公用的是mac，所以两种快捷键都会慢慢的更新上去。

快捷键

这里主要就是实验F1上的快捷键，一些我认为没用的我就不列出来了。

向上(下)复制行 shift + alt + top(down)

向上(下)移动行 alt + top(down)

新建一个窗口 ctrl + shift + N

行增加缩进 ctrl + [

行减少缩进 ctrl + ]

撤销修改 ctrl + z

撤销撤销修改 ctrl + shift + z

裁剪尾随空格(去掉一行的末尾那些没用的空格):ctrl + shift + x

强烈建议把这个启用，这样保存的时候就会自动删掉那些没用的空格，在很多公司的代码规范里都是不允许存在这些空格的。

显示隐藏侧边栏:ctrl + B

拆分编辑器(最多拆分成三块):ctrl +
按ctrl + 1(2,3)就可以在拆分后的编辑器里切换

方法缩小 ctrl +(-)

关闭编辑器 ctrl + W(F4)

切换编辑器 ctrl + shift + left(right)
也可以用 ctrl+1(2,3)

显示和隐藏侧边栏 ctrl + B

切换全屏 F11

切换自动换行 alt + Z
这个还是很有用的，有时候我们的屏幕不够大，可是代码没有自动换行，所以被遮住的代码就会看不到，但是你用这个快捷键就可以换行看到了。这个我是在用户设置里面设置成自动换行的。

显示Git ctrl + shift + G
前提是你的项目必须是一个git项目

启动调试 ctrl + shift + D

修改用户设置

把默认的用户设置成适合我们自己的还是很重要的。
也很简单，文件 - 首选项 - 用户设置，然后出来左边的默认设置是不能改的，需要在右边settings.json中覆盖。

修改快捷键

文件 - 首选项 - 键盘快捷方式，和修改用户设置的时候一样，找到你要修改的快捷键名字，右边覆盖就可以了，一些还没有绑定快捷键的功能可以在左边的最下面看到，然后快捷键的名字就是这个。

具体点:

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86329.html

使用Visual Studio Code编写调试Python Flask程序

摘要：最近由于工作关系，开始写程序，同事有用的，有用的。第一种适合及以上版本，因为在版本起，出现了文件，配置可以写成用文件启动程序，实测可以触发断点。最近由于工作关系，开始写flask web程序，同事有用Vim的，有用PyCharm的。在调研了一通python的编辑器，IDE之后，发现Visual Studio Code相对比较适合我。 VSC有相对较全的功能，比较好看舒服的主题，良好的...

gotham 2019-07-31 12:23 评论0 收藏0
为什么我选择使用 VS Code进行前端开发?

摘要：我们团队有大部分人已经在用了，所以这周五在组内做了一个小分享，来发掘一些提高开发效率的小技巧。为什么选择在刚出来的时候，我就开始使用了如何评价理由很简单开源，免费，颜值高微软出品，实力保证。 showImg(https://segmentfault.com/img/remote/1460000010750652); 没错，我就是来给大家安利 VS Code 的。对前端来说，这是一款性...

liaosilzu2007 2019-08-21 12:01 评论0 收藏0
如何在浏览器中运行 VS Code？

摘要：启动后在浏览器中导航到。这时清空一下浏览器缓存再运行就可以了。当然我们也看到，目前在浏览器中运行仍然存在一些有待解决的技术问题，因此还不适合广泛采用。摘要： WEB IDE新时代！作者：SHUHARI 的博客原文：有趣的项目 - 在浏览器中运行 Visual Studio Code Fundebug按照原文要求转载，版权归原作者所有。众所周知，Visual Studio...

joyvw 2019-08-26 10:34 评论0 收藏0
ReactJS新闻 #24 Twitter Lite与高性能React渐进式网站应用于规模化

摘要：新闻与高性能渐进式网站应用于规模化推特对外发表了新的手机专用网站网站，这个网站使用了与的多项技术，在开发者的博客分享了有关于如何克服性能瓶颈的一些经验。欢迎到新闻网站或库关注我们。新闻 Twitter Lite与高性能React渐进式网站应用于规模化 Twitter(推特)对外发表了新的手机专用网站 - Twitter Lite网站，这个网站使用了React与PWA的多项技术，在开发...

maxmin 2019-08-20 15:50 评论0 收藏0
VS Code上手与超实用插件安利

摘要：软件跨平台支持以及，运行流畅，可谓是微软的良心之作微软有这个宇宙最强，自然也不会弱宇宙最强编辑器说到代码编辑器，我们有必要提一提还有。原文链接：VS Code上手与超实用插件安利工欲善其事必先利其器 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号...

miracledan 2019-08-21 17:46 评论0 收藏0