VS Code (visual studio code) VSC 编辑器(微软出品,js开发的编辑器)

一.选择合适的编辑器,提高编程效率

代码编辑器的选择,可以说是开发者社区中一个经久不衰的话题,现今编辑器的数量数不胜数,vim,sublime Text,Emacs,Atom等等,那么对于一个开发者而言,挑选一个合适的编辑器是可以有效的提高编程效率;

选择编辑器时,需要考虑的三个因素:

1.选择的编辑器对文本,代码的编程效率要求有多高;

2.选择的编辑器对编程语音的支持如何,配置是否繁琐;

3.选择的编辑器插件生态如何,社区是否活跃;

VSCode:是一款免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器,同时,在性能,语言支持、开源社区方面也做的很不错!

二.学编辑器,到底应该学什么

编辑器的学习就像编程语言的学习类似,一开始不熟悉的一门编程语言的时候,可能会从官方文档,从头到尾的学习这门语言的内容,但是学习过程中一些小小的语法就可能会影响你学习的进度,到之后你完全掌握这门语法的时候,你会发现开始学习时遇到的那点语法问题并不是那么的重要。

在掌握一门编程语言的时候,你想要学习另外一门编程语言,并且还是按照第一次的学习方式去学习这门语言,那么说明你并没有从全局理解这门语言,也没有再脑海中建立“学习框架”。

其实,一门新的编程语言往往是解决老语言的某个短板,但是他们的本质其实并没有多大的改变,如果你在学习第一门语言的时候能建立一套自己的“学习框架”,之后再学习一门新的语言的时候就会更有效率。

同时,学习编辑器的学习,也和编辑语言一样。当使用一个工具时,你最关心的应该是它能用来做什么,它擅长做什么,以及它不能做什么;换句话说,就是指这个工具的‘上限’和‘下限’

首先,我们先找一下编辑器的‘下限’:

1.快捷键的选用:

首先要考虑编辑器再选用快捷键的时候是否会与系统自带快捷键有所冲突;
其次,要参考其他开发工具对快捷键组合,迎合用户习惯;
最后,也是最重要的一点,我们要看快捷键的配置是否有统一性;
配置的统一性:Shift键只能用于控制文本选择,Ctrl或者Cmd键只能当做辅助键,Tab用于控件之间的跳转等。

2.编程语言以及框架的支持:

选择一个编辑器时,我们需要考虑的是它对你必须使用的编程语言的支持情况如何,语法高亮是否正确,是否能自动补全代码能否直接调试或运行测试等;

3.对工作流的选择和支持(工作流:是对工作流程及其各操作步骤之间业务规则的抽象、概括描述。)

最后一个影响因素,就是编辑器对工作流的选择和支持,比如说Vim编辑器(http://www.runoob.com/linux/linux-vim.html)并不自带资源管理器,如果你希望再Vim中看到文件树并快速切换文件就需要安装相应的插件;但是现在大多数的编辑器都直接集成了资源管理器,VSCode自带了版本管理,可以说是对版本管理再开发过程中的重要地位的一种认同,但是有些开发工具吧测试功能集成进去,这个需求并不是所以人都认为是日常开发必要的;

接着,我们来说说编辑器的‘上限’:

如果说一款编辑器支持用户写插件来定制功能,那么它的‘上限’就很高了。像Eclipse这样允许修改任意功能的工具来说,它们的‘上限’理论就是无限的,但是扩展编辑器这个事,还是需要从社区和个人的,能否达到这个高度还是个未知数。

Eclipse是最流行的java编辑器之一,插件的开发语言也是java,所以它的插件社区还是很活跃的,但是Eclipse把插件运行到主程序中,一旦插件的性能堪忧,就会影响到Eclipse的本身体验。

VSCode的插件开发语言是JavaScript,所以写扩展对于很多人来说是没有门槛的,因为大多数人多少都会写点js,所以对于VSCode来说插件社区的活跃度还是不用担心的,主要是要考虑如何避免跳进Eclipse的坑里。

关于编辑器的‘上限’和‘下限’,其实就是我们再选择编辑器的时候所需要考虑的因素以及学习的方向,当然最重要的就是多动手;

三.关于VSCode

VSCode(Visual Studio Code):它是一个免费的,开源的跨平台编辑器。之所以强调‘编辑器’,可能是VSCode并无意成为一个全尺寸的集成开发环境,也就是IDE。
它是由Erich Gamma把Monaco Editor移植到桌面平台上,成为了现今的VSCode。

很多人都把编辑器等同于IDE,其实并非如此。IDE更为注重编程体验,对代码有很好的理解,同时侧重于为代码调试、测试等提供图形化界面的支持。因此,可能会显得比较笨重;

而编辑器则相对更轻量,侧重文件或者文件夹,语言,工作流的支持更丰富和自由,VSCode的定位就是编辑器,但又并不局限于此。

开源开发的平台:

首先,VSCode的源代码以MIT协议(开源中国)开源,这就意味着我们可以免费获取VSCode的核心代码,社区可以基于VSCode的代码,开发自己的产品;而VSCode也经常能从一些知名的项目中吸取宝贵的经验。

其次,VSCode的源代码托管在GitHub上,同时使用GitHub的开发计划和测试,使每个用户都可以在GitHub上了解VSCode的开发进度,作为用户,可以更好的了解产品的发展情况。

再者,VSCode自带了TypeScript和Node.js的支持,用户下载VSCode后能立即获得javascript和nodejs的智能提示,且无需任何配置即可调试nodejs,然而VSCode的团队并不会精通所有的语言,那么对于他们不熟悉的语言,VSCode该怎么支持呢?最好的方法就是让专业的人来做,所以VSCode为编程工作者提供了统一的API(即Language Server Protocol和 Code Debugging Protocol),使得每一个语言都能得到更好的支持。

VSCode学习指南

1.VSCode有一套自己的快捷键,你可以通过学习快捷键来了解核心编辑器所支持的功能。同时,VSCode允许自定义快捷键,使用户能更好的使用VSCode。VSCode对鼠标,多光标,搜索都有完备的支持,对自动补全,代码片段等都一应俱全。

2.学会使用工作台,工作区,VSCode中除了编辑器区域,还有其他很多功能,像是资源管理器。跨文件搜索、插件管理等,它们就组成了统一的界面,就是工作台;这个工作台的设计代表了VSCode对工作流的选择。VSCode内置的软件版本管理,终端模拟器,调试器等,都能提高工作效率。

3.VSCode允许定制和开发插件,所以试着把自己的想法,来满足自己的需求,能更好的提升自己,了解VSCode;

4.关注每月的发布更新日志,关注VSCode官方博客;

通过以上几个步骤,能更好的使用好VSCode,提高工作效率。

总结:VSCode的定位是轻量级的代码编辑器,综合了Eclipse等许多优秀工具的优势,同时也解决了它们的弊端,VSCode在性能、语言支持、社区方面都很不错;

VSCode更新日志:https://code.visualstudio.com/updates/v1_27

VSCode官方博客:https://code.visualstudio.com/blogs/2018/09/12/engineering-with-azure-pipelines

VSCode社区:https://code.visualstudio.com/community

四.快速上手VSCode

安装与版本选择

VSCode有两个发布渠道,一个是常用的稳定版,每月发布一个主版本;另一个是insiders,每周一到周五早上6点发布,也是VSCode内部团队使用的版本,目的是为了更好的发现Bug。微软内部对这个做法还有个专门的名词:eat your own dog food(吃自己的狗粮)。

VSCode目前在全世界大概有一万五千名用户在使用insiders版本。不过刚接触VSCode,稳定版会相对适合。但是如果已经使用VSCode一段时间的话,可以试一试insiders。因为使用这个版本可以尽早用上最新的功能,一般VSCode的新功能会先在insiders上线,等运行一段时间后才会随着当月稳定版发布。改动较大的可能会运行两个月之后才会推向稳定版。

其次,一个新功能的添加往往是不成熟的,使用insiders可以第一时间再GitHub上反馈对新功能的看法及建议,甚至能为其提供代码。

下载安装VSCode:

官网:https://code.visualstudio.com

初次使用VSCode

VSCode第一次启动的时候会显示一个‘欢迎使用’页,主要是为了方便快速打开文件,文件夹以及访问历史文件,更换主题色,更换快捷键等:

初次使用界面

这个界面有着很多你可能感兴趣的功能:

1.命令面板:

我们可以通过快捷键F1或者Ctrl+Shift+P(mac上的Cmd+Shift+P)键打开VSCode的命令面板。!

命令面板

VSCode的绝大部分命令都能从命令面板找到,所以只要熟悉命令面板,就能不用鼠标,完全使用键盘来完成编码工作。

2.界面概览:

展示VSCode默认界面里的不同部件的位置,名称和快捷键。VSCode强调无鼠标操作,但是记快捷键就会成为很多新手的痛点,这个界面恰好能解决这个痛点。

界面概览

3.交互式演戏场:

打开这个界面,我们会看到很多的英文教程,它通过各种交互实例,展示了一些高级编辑代码功能的使用,每个功能都会有一个代码片段和编辑器能供我们使用。

交互式演戏场

五.VSCode快捷键

光标移动

1.option + ← :移动到单词最前面;

2.option + → :移动到单词最末尾;

3.option + 方向键 :以单词为单位移动;

4.cmd + ← :移动到当前行最前面;

5.cmd + → :移动到当前行最末尾;

6.cmd + shift + \ :花括号之间跳转;

7.cmd + 上下键 :移动到文档第一行或最后一行;

文本选择

基于单词,行,文档的光标操作加上个shift键,就可以移动光标的同时选择文本;

删除操作

删除当前选中文本内容(Windows:home+shift;macOS:cmd+left+shift)

1.cmd + Backspace :删除当前行光标后的所有字符;

2.cmd + delete :删除光标前的所有字符;

3.option + delete :把当前单词光标前的字符删除;

4.option + Backspace :删除当前单词光标后的字符;

自定义快捷键

打开命令面板(F1或ctrl+shift+p)搜索‘打开键盘快捷方式’,就可以更换或者删除快捷键;

自定义快捷键

六.VSCode快捷键进阶

1.cmd + shfit + k :删除当前代码行;

2.cmd + x :剪切这行代码;

3.cmd + Enter :在当前行的上面新增一行;

4.option + ‘上下键’:将当前行或者当前选中的几行代码再编辑器中上下移动;

5.option + shift +‘上下方向键’:向上向下复制当前行;

移动代码行,代码缩进发生改变

添加注释

1.cmd + / :注释一行代码;

2.option + shift + A :注释一整段代码;

格式化代码

1.option + shift + F :格式化代码;

2.cmd + K cmd + F :格式化选中行代码;

3.cmd + shift + P :代码缩进;

七.文件、符号、代码之间的快速跳转

1.Ctrl + Tab(同时按住),继续按着Ctrl键,松开Tab键 :打开当前打开文件的列表,选择要打开文件,松开Ctrl就能打开对应文件;

2.Ctrl + P :打开最近打开文件列表,同时列表顶部出现搜索框,搜索文件名,回车(Enter),可以再当前窗口打开对应文件;使用Cmd + Enter会在新的编辑器窗口打开这个文件。

3.Ctrl + g :行跳转,输入对应数字回车,可以跳转到当前文件的当前行。

4.Ctrl + p(输入文件名 + “:” + 行数):跳转到指定文件的指定行数。

5.Cmd + shift + O :调出当前文件的符号(函数名等),使用方向键或者搜索,回车,就能跳转到你想要的符号;如果输入“:”可以对当前文件的所有符号进行分类;

6.Ctrl + T :打开多个文件,搜索多个文件中的符号;

7.F12:跳转到函数的定义处;Cmd + F12 :跳转到函数的实现位置;注:js中没有接口的概念,定义和实现是相同的,所以js中的F12和Cmd + F12效果是一样的;

8.Shift + F12 :打开函数引用的预览(把光标放在函数或者类上,按Shift+F12可以打开一个引用列表和内嵌编辑器)

八.VSCode中的鼠标操作

1.在VSCode中,单击鼠标左键:把光标移动到响应的位置;双击鼠标左键:将当前光标下的单词选中;三击鼠标左键:选中当前行代码;四次点击鼠标左键:选中整个文档。

2.鼠标左键单击行号:直接选中所在行;按住鼠标左键再行号上下移动:可以选中多行代码;

3.拖动选中的代码,按住鼠标左键,移动鼠标可以改变代码位置;如果想在拖动时复制一份代码,可以按住Ctrl键,操作结果就能从原来的“剪切+复制”变成“复制+黏贴”。

4.VSCode中,如果鼠标拥有中键,只需要按下鼠标中键,然后对着一段文档拖出一个框,再框中的代码就被选中了,而且每一行选中的代码,都有一个独立的光标。

5.悬停提示窗口:当鼠标移动到某些文件上之后,一会就会显示跟鼠标下文本相关的信息;如果鼠标放在某个函数上,按下Ctrl时,则能再悬停提示的窗口上看到该函数的实现。

6.代码的跳转和链接:如果我们把鼠标放在函数上时,函数下方会出现一个下划线,然后当我们按下鼠标左键时,就能跳转到该函数的定义处。
当我们再编写Markdown这样的非编程语言的文档时,通过Ctrl+鼠标左键能打开超级链接。

转载于:https://www.cnblogs.com/best-coder/p/11550305.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/447678.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Docker 安装 redis 、Redis docker 方式部署

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 1. 找镜像: docker search redis2. 拉取镜像: 在这一步可以选择版本,不选择版本,默认为…

xcode windows版安装使用教程

随着iPhone、iPad、Mac等苹果产品越来越火爆,越来越多的初学者想要了解和尝试苹果平台,包括苹果操作系统Mac OS X、苹果演示软件Keynote、苹果开发工具Xcode等。然而,苹果电脑价格昂贵,并不是每个人都可以承受。 因此,…

解决:Unable to open debugger port (127.0.0.1:55017): java.net.SocketException “Socket closed“

项目以前启动正常,突然报错,启动不起来了,报了个Unable to open debugger port (127.0.0.1:55017): java.net.SocketException "Socket closed"这个错。 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,…

html5 如何打包成apk,将H5封装成android应用APK文件的几种方法

直接使用编程软件提供的方法: 1、需要下载安装MyEclipse2014,Android SDK,eclipse(需配置Android开发环境) Java和Android环境安装与配置。 2、打开MyEclipse2014,新建一个HTML5 Mobile Application Project,命名&…

解决 Unmapped Spring configuration files found.Please configure Spring facet.

最近在学习使用IDEA工具,觉得与Eclipse相比,还是有很多的方便之处。 但是,当把自己的一个项目导入IDEA之后,Event Log提示“Unmapped Spring configuration files found.Please configure Spring facet.” 这个提示不影响工程正…

uni-app—从安装到卸载

uni-app实现了一套代码,同时运行到多个平台。支持iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具 工具安装 开发uni-app需要安装HBuilder X.下载地址。 下载成功后直接解压即可 简单的配置一下开发偏好&am…

jenkins 执行构建 并查看结果

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 继完成构建项目配置http://www.cnblogs.com/yajing-zh/p/5111060.html后,则要执行构建。 回到jenkins主页之后,…

使用jquery获取url及url参数的方法

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1、jquery获取url很简单,代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识。 2、jquery获取url参数比较复杂&#xff…

js 遍历对象的几种方法

第一种: for......in const obj {id:1,name:zhangsan,age:18}for(let key in obj){console.log(key --- obj[key])} 输出结果: 第二种: 1)、Object.keys(obj) 2)、Object.values&#xff08…

简述 maven 命令 package、install、deploy 的区别

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 原文有图片说明命令运行过程,我只记录最终结论: 区别即: package :打包(到项…

教给孩子的10句“保命金言”(图)

1、平安成长比成功更重要。 教育孩子人人有若干权利,如呼吸权、生命权、隐私权,这些权利任何人不能剥夺。告诉孩子,任何人也无权剥夺他的安全权,安全重于一切。 2、背心裤衩覆盖的地方不许别人摸。 孩子应当知道身体属于自己&a…

Linux 关闭、开启、查看 防火墙命令

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 在外部访问CentOS中部署应用时,需要关闭防火墙。 关闭防火墙命令:systemctl stop firewalld.service 开启防火…

解决: Incorrect username or password, or no permission ( Docker 方式运行 Nexus3 登陆密码不为 admin123 、重置登陆密码)

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 1. 登陆 输入 admin admin123 直接报错: 查日志 发现的确登陆不成功: 2. 后来注意到在登陆时有提示信息 &#…

Docker 方式安装、运行 Nexus3 、重置默认密码、推送 jar 包到私服

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 1. 找镜像: docker search nexus2. 拉取镜像:(我已经拉取过,不选择版本时,默认…

从技术岗位走向管理岗位:机会是留给有准备的人

摘要:机会总是留给有准备的人。在被从技术岗位提拔到管理岗位之前,技术人员就要具备管理岗位所需要的基本素质和能力,将功课做在前面,提拔只是最后一步。作者结合自己十年的工作经验谈了自己的看法。 机会总是留给有准备的人。在…

springCloud - 第2篇 - 服务的发现 seeParam

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 一、创建 Client 1. file - new - module 2. spring Initializr - module SDK 选择自己的 JDK ,其余的可以不用填写&…

解决: Failed to execute ... maven-deploy-plugin... Return code is: 401, ReasonPhrase: Unauthorized.

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 1. 执行 mvn clean deploy , 想把本地代码 打包并推送到私服 ,报错: [ERROR] Failed to execute goal org.a…

高速行车12条技巧,每一条都关乎你的生命

高速行车12条技巧,每一条都关乎你宝贵的生命。 1、长途旅行前,全面检查整车,防止漏油,轮胎检查是重点! 在中国很多高速事故是可以避免的,绝大部分司机缺少本应该在驾校学到的必备知识,这导致很多…

文件逆序输出及根据行号索取该行内容

一. 起因 年初,一位同学提取了如何实现倒叙输出文件,根据行号索引该行内容,我思考了一下,得出以下二种方案! 二. 方案 1)方案1:(此方案局限性较大,并且耗内存&#xff…

内存映射处理大文件并实现逆序输出

上一篇介绍了一种常见的文件处理方法(可优化为:分次读取文件,但要满足根据行号能快速索引该行内容时会遇到麻烦),所以此片我将介绍另一种更高效,实用,并对本进程的内存空间地址消耗小的方法! 一. 预备知识 1&#xff…