在 Build 2015 大会上,微软除了发布了 Microsoft Edge 浏览器和新的 Windows 10 系统外,最大的惊喜莫过于宣布推出免费跨平台的 Visual Studio Code 编辑器了!
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux,运行流畅,可谓是微软的良心之作......
VSCode属于轻便型代码编辑器,可以安装一些插件来扩展它的功能,不像一些集成的大型IDE集成了很多功能,安装、使用起来比较麻烦。
一、常用配置:
1、通用功能的配置:
1.1)左侧视图中树组件的缩紧:
默认左侧树缩紧太小,当打开大的工程,层级比较多时看的会比较累人,可以通过【设置】(左下角的齿轮)来调整。
1.2) 文件自动定位到左侧树:
当我们在工作区不断的切换文件时,默认左侧树会自动定位获取焦点、同时左侧树滚动条也会自动定位。这个体验不是很好,会不断的干扰我们在左侧树种找代码文件。可以通过设置>"reveal"进行设置:
这支撑focusNoScroll即可。
1.3)文件自动保存:
1.4) 查看安装了哪些插件:
1.5)根据文件名搜索文件:
ctrl+p 打开文件搜索框,然后输入名字即可搜(不区分大小写)
1.6)命令搜索框:
ctrl+shift+p 打开命令搜索框(前面有一个>),可以查看、搜索所有命令。例如:输入>help:user interface overview ,得到如下界面:
1.7)tab键转成空格设置:
在写python等代码的时候,特别需要注意缩进的设置,由于不同编辑器对tab键的大小由不同设置,所以为了在不同编辑器(例如:vim、notepad++)中打开文件后格式保持一致,一般是使用空格,而不是tab键。
1)在vscode中可以设置tab的大小,【设置】输入“tab”后可以调整,一般设置为4个空格。
2)可以通过替换,对一个文件中tab统一换成空格,从而方便在不同编辑器中打卡后格式一致:
3)在vscode中编辑文件时,还可以设置该文件中tab键自动换成4个空格:
ctrl+shift+p 打开命令搜索框,输入indent,即可:
2、 git使用:
vscode默认集成了git功能。启动vscode是会检查系统是否安装了git,如果没有安装会提示。可以通过这里Git下载安装对应的git,在windows上直接下载二进制文件,卸载旧版本,解压新版本即可。(注:vscode要求git在2.X以上版本,否则有些功能无法使用)
2.1)git add、commit、push、pull基本功能使用:
我们在本地通过git clone下载好代码,进入目录,使用vscode ./打开vscode编辑器后,会自动识别git信息,在左侧有一个git图标按钮,点击后在这里可以完成git相关的命令。
1)add、commit、push、pull操作:
在vscode中修改完代码后,左侧git图标出现了一个数字,表示有多少个文件被修改,点击git图表进入后,在“更改”一栏中可以看到被修改的文件,如下图:
- 文件名旁边有个+ M,代表修改了但是没有add、commit,可以点击+ 执行git add 操作
- 文件名旁边有- M,表示add了但是没有commit
- 文件名旁边没有M ,表示commit 了。
执行add操作后的文件会放到“暂存的修改”一栏,在上方输入框中输入提交信息后,点击最上方的对勾按钮,执行commit命令,如图:
以上,相当于执行了git add * 和 git commit -m "..." 两个命令,接下来我们将修改提交到远程服务器:
相当于git push 或者 git push origin dev_01
2.2)查看历史:
推荐安装Git history 和Gitlens 这两个插件。安装完成后,打开文件,然后在右上方出现若干个小图标:
在git log(git history)界面可以查看每次提交内容,点击某次提交记录,vscode会在上发提示使用哪种命令查看:
其次,我们可以在vscode的左下角,查看当前工程所在git 分支。
3、连接远程linux服务器:
安装Remote-SSH插件,该插件是微软亲自操刀编写。在应用商店中搜索:remote ssh。
安装后在左侧出现远程连接的图标,点进去如下图:
在 Select SSH configuration file to edit 中,选择第一项即可,开始对里面的内容进行编辑:
选择后,会显示C:\users/XXX\ .ssh文件夹下的config文件中的内容,需要将其修改为所需要的内容(若 SSH 端口不是默认的 22,则还需加一行 Port)。
VSCode 的这个远程连接的插件是基于 OpenSSH 的,因此在本机需要装有 OpenSSH 的客户端,在服务器上也要装有 OpenSSH 的服务端,并且密钥文件已经放置在服务器中,即需要在 cmd
中可以直接通过命令 ssh IP_ADDRESS -l USERNAME -p PORT
(其中 IP_ADDRESS、USERNAME、PORT 要修改为所需变量)连接的情况下,才可以通过这个插件连接到服务器。如果前面的这些配置还没有完成,VSCode 会报出以下错误:
1)安装openssh:
各个平台下 OpenSSH 客户端的安装参考 VSCode 官方文档《Installing a supported SSH client》一节的内容。这里以 windows 7 为例,官方推荐:Install Git for Windows and select the Use Git and optional Unix tools from the Command Prompt option or manually add C:\Program Files\Git\usr\bin
into your PATH.
首先,安装 Git for Windows,安装过程中注意勾选 "Use Git and optional Unix tools from the Command Prompt"。
安装完git后,在Git/bin下面有三个可执行文件bash.exe、git.ext、sh.exe,且会自动添加到环境变量中。接下来,我们在windows的cmd中使用ssh连接远程:
在输入centos的用户名(root)、密码后就登录到了远程centos。但是有个问题,以后每次连接到远程都需要输入密码,很麻烦。所以,接下来我们配置ssh KEY来远程连接centos。
2)配置ssh KEY:
首先生成SSH KEY,执行如下命令,一路回车:
ssh-keygen -t rsa
执行完,在C:\Users\liuxiao\.ssh下会有:id_rsa(私钥)、id_rsa.pub(公钥)、known_hosts,还有上面的config文件。
接下来,将公钥保存到远程centos的~/.ssh/authorized_keys 文件中。这样,再次在cmd中ssh连接centos就无需密码了。
3)通过vscode连接远程centos:
在弹出来的窗口中,选择linux
如果远程linux是centos6,会报如下错误:
根据vscode提示(Linux Prerequisites for Visual Studio Code Remote Development)得知vscode要求远程远程linux可以是centos7,或者centos6(glibc
>= 2.17, libstdc++
>= 3.4.18)
当升级远程linux系统后,重复上述操作,就可以正常链接到远程,这时就可以通过vscode在远程linux上创建项目,或者通过中断,在远程linux上执行shell命令了。
参考:https://www.jianshu.com/p/d7c9cef525bc
4、code server:
除了使用ssh插件,来完成远程开发,我们还以是有一款更加强大的工具code server。
5、中文插件:
在vscode的商店,搜索Chinese,点击安装即可。
二、web开发配置:
在vscode之前,开发前端时用的最多的就是webstorm这个大型IDE了,和其他IDE一样,webstorm集成了很多功能。接下来介绍几个常用插件:
1、open in browser:
在html页面上右键,可以打开浏览器访问本地html页面。右键 > open in default browser
2、project-tree:
可以为项目的目录结构生成文本,并且保存到README.md文件中。
三、java开发配置:
待完成
四、C++开发配置:
待完成
五、python开发配置:
待完成