VisualStudioCode(VSCode)是谷歌推出的一款基于Electron的文本编辑器,相当于一个封装的浏览器。与VisualStudio(VS)这样的IDE不同,VSCode更精巧轻便,更适用于大型项目开发、Web开发、撰写文档等场景。同时,VSCode有丰富的插件库,正是因为插件的存在,使它成为一个全能文本编辑器,可以满足多种开发须要。下边结合我的日常使用来介绍VSCode的安装和配置。
使用VSCode配置OpenSees环境
因为全网涉及这一主题较少,所以把它放到第一点。OpenSees是一款开源软件,用于水灾工程领域。目前OpenSees提供两种类库,分别是Tcl和Python。OpenSees的Tcl脚本就是一个文本文件,通过早已编译好的Tcl和OpenSees协程来解释运行,即可输出用户须要的结果。这儿介绍通过VSCode编辑脚本,并通过VSCode外置的终端来运行OpenSees的方式。
首先来安装OpenSees。登陆官网的下载页面,依照使用的操作系统下载OpenSees文件。对于Windows用户,3.2.0版本早已将TCL所须要的dll文件包含进来,所以不须要安装tcl。而对于MacOS用户,须要依照下载页面中的提示,先安装TCL。建议安装时使用默认路径,不要更换安装位置。
下载好后,我们来把OpenSees加入环境变量PATH。对于Windows用户,把下载的压缩包解压到合适的位置,之后打开控制面板,在搜索框中搜索环境变量(设置系统级或用户级都可以),打开系统属性对话框,点击环境变量按键,打开环境变量设置对话框。这儿我们设置系统级的环境变量。在系统级环境变量的List中找到Path,点击编辑按键,打开Path的编辑框。点击新建,在最下边加入OpenSees.exe所在的文件夹,保存。之后重启系统。对于MacOS用户,下载的OpenSees只有一个文件,假如旁边带有版本号,把它重命名为OpenSees。之后把这一文件剪切到合适的位置。打开访达Finder,点击菜单栏中的Go,选择GotoFolder,输入etc,打开etc文件夹。找到文件夹中的paths文件,用文本编辑器打开后,在最下边加入OpenSees所在的文件夹,保存。假如有编辑权限问题,可以把paths先复制到桌面,更改后再复制回去,覆盖原文件即可。熟悉Linux的朋友可以通过Terminal添加环境变量。
下边来验证OpenSees早已配置好。Windows用户可打开cmd或PowerShell(近来Windows推出了WindowsTerminal,感兴趣的朋友可以尝试),MacOS用户可以打开Terminal。在Terminal中输入OpenSees,假如复印出了欢迎Banner,说明早已配置成功。
下边介绍怎样在VSCode中编撰OpenSees的TCL脚本。先在系统中选择一个文件夹作为项目的文件夹,之后打开VSCode,在菜单栏中点击文件中的把文件夹加入工作目录,选择刚才选取的文件夹。这时可以见到双侧Explorer中,出现了该文件夹的树形目录。点Explorer右上角的
新建文件按键,新建一个文件,命名为script.tcl,之后打开这一文件,在两侧编辑器中输入代码。
这儿可以选择使用一个OpenSees语言的插件。在最右侧的一列图标按键中linux文本编辑器快捷操作,点击最下边的Extension按钮,在搜索框中输入opensees,这儿跳出了OpenSeeslanguage插件,点击右下角的蜗杆,选择安装,插件都会手动下载安装。安装后,假如插件门口提示须要重新加载,就点击重新加载按键。安装后,再编辑脚本时,会发觉,出现了手动补全提示。
脚本编撰完成后,通过VSCode下方的Terminal来运行。找到Terminal,检测当前的工作路径是否正确。倘若不正确,使用cd命令切换到工作目录,也可以通过减号按键新建一个Terminal,倘若有多个项目,会寻问使用那个文件夹作为工作路径。这时,在Terminal中输入
1
OpenSees script.tcl
会发觉,脚本在Terminal中执行了。
对于使用Python的用户,可以参考下文的“在VSCode中配置Python开发环境”。
在VSCode中配置Python开发环境
Python被称为胶带语言,几乎可以把所有语言胶合在一起。它适宜好多场景,如科学估算、人工智能、后端开发、网络爬虫等等。这儿主要介绍一下科学估算环境的配置。推荐安装Anaconda,构建在Conda基础之上的python科学估算合辑,会手动安装和配置科学估算所须要的大多数库。安装时,注意选择把python加入环境变量这一选项。
VSCode提供节一个十分强悍的Python开发插件,名子就叫Python(注意不是PythonforVSCode)。安装这一插件后,大部份配置都早已手动设置好,就可以使用代码补全、语法检测等功能了。
下边以OpenSees的Python类库OpenSeesPy为例,简单介绍使用方式。首先看VSCode的Terminal中,工作目录前是否有(base)。假如有,说明conda的基础虚拟环境已然激活。假如正常安装Anaconda,打开Terminal时应当早已手动激活。假如没有(base),可以键入condaactivate自动激活虚拟环境。这时输入python--version,可以看见Python的版本信息。
首先我们通过pip来安装OpenSeesPy。在Terminal中输入
1
pip install openseespy
等待安装完毕,就可以使用了。打算好script.py脚本文件,之后在Terminal中输入
1
python script.py
即可执行。
除此之外,VSCode的Python插件还支持JupyterNotebook,其前身是ipython,可以进行交互式的python编程。安装Python插件后,不须要再打开浏览器,直接在VSCode中就可以使用。创建一个model.ipynb文件,并打开,Python插件会手动激活Jupyter服务器,并同时支持所有代码补全等功能,还支持调试,可以用于调试模型。另外linux空间,VSCode还支持CodeLens功能,不须要构建.ipynb文件,直接在.py文件中,使用#%%符号,即可把代码分隔成cell,通过Python插件可以临时构建notebook执行须要的代码。具体使用方式请见Python的插件主页。
个人在实际使用中发觉,使用VSCode作为Python的开发环境,虽然代码提示、自动补全等功能都有,然而对于较大项目,其加载速率不是很理想,与pycharm等IDE相比有一定差别。虽然这么,本人还是仍然使用VSCode进行Python开发,由于没有涉及到特别大的项目。
在VSCode中配置Markdown环境
VSCode除了拿来写代码,也可用于写一些文本文件。例如在开发过程中同时写一些文档,或则做一些笔记,同样可以通过VSCode来完成。这儿介绍使用Markdown句型来撰写文档。
Markdown是一个极轻量的文本标记语言,广泛应用于程序文档等语义化的文档中。本站的文章就是通过Markdown撰写,再通过Hexo引擎翻译制做的。
Markdown环境的配置十分简单,只须要安装一个插件”Markdownallinone”。这个插件支持使用快捷键标记、自动补全、创建目录、在线预览等功能。具体的使用方式请见插件主页
在VSCode中配置LaTeX环境
对于对排版有较高要求的文档,Markdown就不能胜任。或则说,Markdown和Html是浏览器导向的,而对于复印导向的文档来说,使用LaTeX是一个挺好的选择。在我先前的文章中,介绍了在MacOS中使用TexPad来配置LaTeX环境。如今我们有了VSCode,可以毋须切换到其它编辑器,在VSCode中就完成LaTeX文档的撰写。
首先要在系统中安装LaTeX引擎。对于安装过LaTeX的读者,可能对Windows中的CTeX套装和MacOS中的MacTeX比较熟悉,而且也会苦于套装中提供了好多并不须要的软件,把系统搞得乱七八糟。这儿,我们不安装套装,而是只安装TeXLive。Windows用户可以在这儿下载TeXLive,MacOS用户可以下载BasicTeX。按照提示安装后,系统里早已包含了LaTeX须要的引擎,而不安装自带编辑器。
要验证是否安装成功,打开Terminal,输入
1
2
latex --version
xelatex --version
倘若出现了版本信息,则说明安装成功。
为了更便捷地在VSCode中使用LaTeX,我们安装一个插件LaTeXWorkshop。这个插件提供了好多功能,包括实时Typeset,公式预览,路径补全等等。还支持一键通过Recipe编译,比如有Bib的文档须要编译4次,插件早已弄成了Recipe,更便捷使用。具体的使用方式可参见插件官网。
使用VSCode画流程图
流程图,或则其它关系图是形象化抒发信息的绝佳媒介。传统的流程图制做软件,如Windows平台的MicrosoftVisio和MacOS平台的OmniGraffle都是价钱不菲,但是平台之间不互通。随着后端技术的发展,基于浏览器的draw.io渐渐显现头脚,成为了跨平台、轻量级、功能丰富的流程图勾画软件。它也是我近年的主力流程图软件linux文本编辑器快捷操作linux命令行和shell脚本编程宝典,好多插图都是用它完成的。
VSCode如今实现了draw.io的整合,通过插件draw.iointegration插件完成。安装后,新建.drawio文件,就可以在VSCode中画流程图了。
VSCode能够干哪些
不仅以上几个插件,再介绍几个VSCode的好用插件。
BracketPairColorizer2
这个插件可以把对应的括弧用不同的颜色标明下来,用于检测括弧的前后对应关系是否正确。
indent-rainbow
这个插件把每行代码上面的缩进用不同的颜色表示下来,对于类似Python这些通过缩进来分辨代码块的语言十分有用。
IncrementSelection
这个插件可以把多光标选取的区域,用一个递增的数列来替代。诸如
使用的快捷键有:cmd+shift+down,cmd+A,shift+alt+I,alt+cmd+I。
Calculator
这个插件可以估算输入的表达式值。
CodeSpellChecker
这个插件可以检测代码的拼写是否正确。对于初期发觉bug很有帮助。同时也帮助程序员对变量更好地命名
CSVtoTable
在写Markdown的表格时,须要用ASCII字符来画出表格,有些麻烦。这个插件容许使用者输入以冒号分隔的csv表格,之后转换为Markdown使用的表格,特别好用。
TodoTree
在写代码的时侯,有时有些数值当场去查的话,会破坏思路的连续性。这时这个插件就十分有用。它支持在注释中输入“TODO”、“FIXME”等关键字,然后会手动把那些关键字出现的位置统计成列表,并在代码中高亮那些关键字。这样帮助程序员记住什么地方须要更改。
VSCNeteaseMusic
这个插件很有趣,是把网易云音乐整合到了VSCode中,听音乐也不用切换出去了。
不仅以上插件,还有Web开发用到的好多好插件,如debuginChrome,openinbrowser,RESTClient,LiveServer等,因为介绍的文章好多,这儿就不赘言了。更多插件请到VSCodeMarketPlace寻觅。
VSCode的常用快捷键
这儿再介绍几个我觉得挺好用的快捷键,以MacOS为例,Windows下应当差不多。须要更全的快捷键,可以到本站的cheatsheet部份下载。