一、VS Code与VS的区别及其下载网站
二、单击网站的Downloads,选择对应的操作系统下载VS Code
三、VS Code安装程序的安装及安装选项设置
四、VS Code安装python扩展、C/C++扩展
五、VS Code常用配置(设置)
最新VS Code安装详细教程
一、VS Code与VS的区别及其下载网站
Visual Studio Code(VS Code)是Microsoft公司提供的一款免费的、开源的、高性能的、轻量级代码编辑器(Code Editor),可在Windows、macOS和Linux桌面运行。VS Code内置了对JavaScript、TypeScript和Node.js的支持,通过安装相应的扩展(Extension),VS Code也支持C、C++、C#、Java、Python、PHP、Go、.NET等编程语言,VS Code支持语法高亮、智能代码补全、自定义热键、调试、任务运行、版本控制等开发操作,但VS Code旨在为开发人员提供一个快速代码编写、调试的代码编辑器,而不是一个IDE(Integrated Development Environment,集成开发环境)工具。
IDE是为程序语言提供开发环境的工具,集成了代码编写功能、分析功能、编译功能、调试功能等,其功能比代码编辑器(Code Editor)更为丰富和强大。Visual Studio(VS)就是Microsoft公司提供的一款IDE工具,可在Windows、macOS桌面运行。VS提供快速导航、编写、修复、调试、探查、诊断、测试、版本控制等一系列功能,可以帮助开发人员快速地开发应用程序,它支持C、C++、C#、Java、Python、PHP、Go、JavaScript等编程语言。不过,VS一般是收费的,只有VS社区版是免费的。
VS Code虽然定位为编辑器,当然不同于txt文本编辑器,VS Code安装相应的扩展(Extension)后,比一些编程语言自带的IDE(比如:python自带的IDLE开发环境工具)功能更强大。而且,安装相应的扩展,VS Code能适应不同的编程语言。
从功能上讲,VS集成开发环境工具比VS Code代码编辑器的功能强大,但前者需要收费,后者是免费的。VS Code代码编辑器可以看成是VS集成开发环境工具的功能简化版,这种精简结构也提高了它的运行速度,而且VS Code具备的功能基本上可以满足开发人员的代码开发需求,可以胜任C、C++、C#、Java、Python、PHP、Go、.NET等程序语言的开发,并且还是免费的,因而VS Code也是一款非常受欢迎的代码开发工具。
这里我们主要介绍VS Code的安装过程。VS Code下载网站见表1-1中红色链接。
表1-1 VS Code与VS下载网站
VS Code下载网站 | |
VS下载网站 |
二、单击网站的Downloads,选择对应的操作系统下载VS Code
打开上面表1-1中红色链接,我们可以看到页面中有两个Downloads位置,如图2-1所示。
图2-1 VS Code页面
图2-1左侧①红色箭头所指处是默认下载最新的稳定版(stable)的64位windows系统的用户账户(User)安装的VS Code安装程序,比如:VSCodeUserSetup-x64-1.79.2.exe文件。
Windows操作系统允许创建多个账号用户,每个账户有自己的使用权限,管理员账户
Administrator具有最高的访问权限,有访问其它账户的权限。上面下载的VS Code安装后,只能是该用户账户登录后才能使用安装的VS Code,其它非管理员账户登录操作系统无权使用。
点击①红色箭头下的,弹出的菜单中有各操作系统对应的安装VS Code程序,但VS Code安装程序种类有限,里面有稳定版(stable)和内测版(insiders)。stable是经过测试,相对完善、稳定的版本,insiders还处于内部测试中,可能不完善。
我们可以点击图2-1右侧②红色箭头所指处的Downloads,进入的页面如图2-2所示,提供了较为全面可选的各操作系统不同类型的VS Code安装程序。这里面都是已通过测试的稳定版(stable)。
图2-2各操作系统对应的不同类型的VS Code安装程序
图2-2分别是windows、Linux、MacOS操作系统对应的不同类型的VS Code安装程序。图2-2红框中是默认类型的安装程序,比如:windows是根据用户的操作系统版本默认最新的稳定版(stable)的64位windows系统的用户账户(User)安装的VS Code安装程序,苹果系统macOS是默认通用版(Universal)的VS Code安装程序,对于通用版的,安装程序安装时将自动检测用户的处理器并进行适配。
(1) Windows操作系统
- User Installer、System Installers
在windows系统中,管理员账户Administrator具有最高的访问权限,有访问其它账户的权限,而个人账户之间是没有互相访问权限的。
User Installer是windows当前账户(User)安装的VS Code安装程序,若当前账户是个人账户,其它非管理员账户登录操作系统无权使用。
System Installers是以管理员权限安装VS Code的可执行程序。以管理员权限安装VS Code,其它windows账户登录系统后都可以使用VS Code。
User Installer和System Installers都是.exe格式的安装文件。
- .zip
.zip选项,对应一个 VS Code 的.zip格式压缩包,解压后可以直接使用。这种解压后直接使用的,没有生成注册表。而.exe文件安装后会生成注册表。
- CLI
CLI选项,对应一个code命令行界面(command-line interface),也即VS Code的命令窗口,方便文字命令操作。
- x64、x86、Arm64
x64是指64位操作系统,基于64位处理器,下载的安装程序适合64位操作系统。鼠标右键我的电脑,左键单击菜单中的属性,可以查看自己电脑的硬件配置,自己电脑的操作系统的类型如下图2-3红框所示。
图2-3 电脑规格
x86是指32位操作系统,基于32位处理器,下载的安装程序适合32位操作系统。
Arm64是AArch64状态下的处理器体系结构,下载的安装程序适合Arm64处理器,基于64位处理器。
Arm32是AArch32状态下的处理器体系结构,下载的安装程序适合Arm32处理器,基于32位处理器。这里未提供适合Arm32处理器的VS Code文件。
上述选项分别对应了该位数处理器相应的VS Code文件。
(2) Linux操作系统
- .deb、.rpm、.tar.gz
.deb、.rpm、.tar.gz是三种不同的文件格式。不同的文件格式可能适应不同的操作系统,比如:.exe文件适应windows操作系统,但不适应苹果系统macOS。
Debian或Ubuntu公司的Linux支持.deb格式,Red Hat、Fedora或 SUSE公司的Linux支持.rpm格式。
.tar.gz是一个压缩包,类似.zip压缩包,但.tar.gz格式适合Linux操作系统。
上述选项分别对应了相应的VS Code文件。
- Snap
Snap 是一种现代应用程序打包格式,Linux支持snap格式软件包,可以在在线应用商店Snap Store中下载VS Code的snap格式软件包。
- CLI、x64、x86、Arm64、Arm32
CLI、x64、x86、Arm64、Arm32含义同上,只是在这里对应着Linux操作系统下相应的VS Code。
(3)苹果系统macOS
- .zip、CLI
.zip、CLI含义同上,只是在这里对应着macOS苹果操作系统下相应的VS Code。
- Universal
Universal选项,为macOS的通用版的VS Code,对于通用版(Universal),适合所有处理器,安装程序安装时将自动检测用户的处理器并进行适配。
- Apple silicon
Apple silicon选项,是针对苹果自主研发M系列CPU(Apple Silicon 芯片)的Mac电脑的VS Code。
- Intel chip
Intel chip选项,是针对Intel CPU的Mac电脑的VS Code。
上面,我们介绍了各操作系统不同类型的VS Code安装程序,它们对应不同的权限管理、文件格式、或处理器特点等。我们可以根据自己的需求选择相应的VS Code安装程序。
三、VS Code安装程序的安装及安装选项设置
这里,我们以windows操作系统下VS Code的安装为例。我们下载windows操作系统的System Installers→x64选项对应的VS Code,即选择以管理员权限、64位操作系统的VS Code.exe安装程序,点击如图3-1红框所示的位置即可下载相应的VS Code。
图3-1 各类型的VS Code安装程序
(1)运行VSCode Setup
运行上面下载的VSCode安装程序,出现下面图3-2的安装界面。
图3-2 VS Code安装
选择同意后,单击图3-2的下一步,进入图3-3所示的VS Code安装位置设置的界面。
(2)安装位置设置
图3-3 VS Code安装位置
可以自定义VS Code的安装路径,设置完成后,单击下一步,进入图3-4所示的VS Code安装选项设置的界面。
(3)开始菜单中VS Code快捷方式的文件夹设置
图3-4 开始菜单中VS Code快捷方式的文件夹
图3-4中默认Visual Studio Code文件夹,电脑开始菜单中Visual Studio Code文件夹会生成VS Code快捷方式。这里可采用默认Visual Studio Code文件夹,点击下一步进入图3-5所示的VS Code安装选项设置的界面。
(4)安装选项设置
图3-5 VS Code安装选项设置
- 创建桌面快捷方式
勾选该项,将在桌面创建VS Code快捷方式图标。
- 将“通过code打开”操作添加到windows资源管理器文件上下文菜单
勾选该项,鼠标右键弹出的菜单中出现“通过code打开”的选项,当我们鼠标右键文件时,可以通过弹出的菜单中选择“通过code打开”选项来打开文件。
- 将“通过code打开”操作添加到windows资源管理器目录上下文菜单
勾选该项,鼠标右键弹出的菜单中出现“通过code打开”的选项,当我们鼠标右键文件夹时,可以通过弹出的菜单中选择“通过code打开”选项来打开文件夹。
这两项勾选,实际是在鼠标右键的弹出菜单中创建“通过code打开”的选项,便于通过该选项直接打开文件或文件夹。
- 将Code注册为受支持的文件类型的编辑器
可以不勾选,若勾选会默认VS Code为 .txt、.py 等文件的打开方式,
- 添加到PATH(重启后生效)
该项勾选,添加VS Code到windows的系统路径,方便操作系统自动识别。该项是电脑重启后会生效。该项可以实现添加VS Code为系统的环境变量。
环境变量是在操作系统中一个具有特定名字的对象,它包含了一个或者多个应用程序所将使用到的信息。当要求系统运行一个程序而没有告诉它程序所在的完整路径时,系统除了在当前目录下面寻找此程序外,还会到path中指定的路径去找可运行的变量。
图3-5中的选项勾选后,点击下一步,进入图3-6所示的VS code准备安装的界面。
(5)安装
图3-6 VScode准备安装
点击图3-6的安装,进入图3-7所示的VSCode安装进度界面。
图3-7 VS Code安装进度
图3-7安装进度完成后,出现图3-8所示的VS Code安装完成并是否运行Visual Studio Code的提示界面。
图3-8 VS Code安装完成
四、VS Code安装python扩展、C/C++扩展
扩展(Extension)和插件(Plug-in)通常用来载入软件中。
插件(Plug-in)依赖于系统平台(硬件系统、操作系统),插件的使用与系统平台密切相关,插件一般是安装植入到软件中,为软件提供一种封装的辅助功能,是一种功能的调用。
相对来讲,扩展(Extension)与软件关系比较密切,扩展指代的概念更广,扩展包含插件,在一些语境中,两者没有区别,只是称呼不同。
下面,我们介绍python扩展和C/C++扩展的安装,我们也可以安装Java扩展,安装原理都是一样的,安装成功后即可进行相关语言的编程了。
(1)python扩展
上面安装成功后,运行VS Code,出现图4-1的vscode窗口,这时,VScode还不支持python,若我们打开python文件,点击标题栏的run→Run Without Debugging运行该python文件,会提示我们安装python扩展。
图4-1 vs code界面窗口
我们点击图4-1左侧红箭头的图标,即可弹出扩展的搜索框(当然,我们也可以点击设置中的Extensions弹出扩展的搜索框),我们输入python搜索,出现下面图4-2的搜索到的python扩展,每个扩展都提供了相应的功能。点击某个扩展,右侧出现该扩展的说明。
图4-2 python扩展搜索框
图4-2中第一个python扩展是由 Microsoft 自己开发的Python必不可少的 VS Code 扩展,是非常基本和重要的Python扩展。这个扩展也是我们在VS Code中使用python开发需要具备的扩展,我们可以点击install安装,若要卸载扩展,也可以这里找到相应的扩展点击uninstall卸载。
安装完这个python扩展后,若在这之前我们已经安装了python安装程序,我们现在就可以在VSCode运行python代码了。
我们还可以安装其它python的扩展,以提高我们编写python代码的效率。在图4-2扩展搜索框中排名靠前且下载量大的都是比较受欢迎的python扩展,我们可以单击各个扩展并查看右侧的扩展说明,然后选择性的下载所需的扩展。
图4-2扩展搜索框中的Python Extension Pack,是把几个非常受欢迎的扩展打包在一起,包括上面提到的Microsoft 开发的python扩展。
Python Extension Pack里面包括Python 、IntelliCode、Python Indent、Django、Jinja、autoDocstring - Python Docstring Generator、Python Environment Manager扩展。
推荐安装Python Extension Pack扩展包,我们也可以在这里面选择几个扩展安装,但应该包括Python扩展,Python扩展是python代码运行的最基本的扩展。
(2)C/C++扩展
在图4-2的搜索框中搜索C,出现下面图4-3的搜索到的C/C++扩展,每个扩展都提供了相应的功能。点击某个扩展,右侧出现该扩展的说明。
图4-3 C/C++扩展
图4-3中第一个C/C++扩展是由 Microsoft 自己开发的C/C++必不可少的 VS Code 扩展,是非常基本和重要的C/C++扩展。这个扩展也是我们在VS Code中使用C/C++开发需要具备的扩展,我们可以点击install安装,安装完这个C/C++扩展后,我们就可以在VS Code运行C/C++代码了。我们也可以安装其它C/C++扩展,以提高我们编写C/C++代码的效率。
图4-3扩展搜索框中的C/C++ Extension Pack,是把几个非常受欢迎的扩展打包在一起,包括上面提到的Microsoft 开发的C/C++扩展,我们也可以安装C/C++ Extension Pack扩展包,里面包括C/C++、C/C++ Themes、CMake Tools扩展。
推荐安装C/C++ Extension Pack扩展包。
(3)其它说明
这里以python为例。在安装python的扩展之前最好先安装python的安装程序,这样安装扩展后会默认自动调用python安装路径下的解释器(interpreter,也就是python安装路径下的python.exe,其作用是把python代码转换为字节码并执行),扩展安装完后就可以运行python代码了。若安装扩展前没有安装python,安装扩展后运行python文件会出现选择python解释器的提示(you need to select a python interpreter before you start debugging)。这时候需要安装python的安装程序,再按VS Code提示,选择python interpreter所在的路径。
另外,VS Code是默认用python系统环境(也即python安装路径下的环境),VS Code调用或安装的第三方库或模块都是在这个系统环境。若要构建python的虚拟环境需要另行配置。
上述操作完成后,我们可以用VS Code打开一个文件夹,然后创建一个文件就可以写代码了,注意创建文件的时候,文件名应该有后缀,这样才能识别文件是什么类型。
先在电脑硬盘中创建一个文件夹,用图VS Code的标题栏File→Open Folder打开这个文件夹,然后用标题栏File→New File新建一个er.py文件(注意新建文件要标明后缀.py,才能识别为python文件),回车键保存后即可以在er脚本文件上写python代码了,然后可以用标题栏Run→ Run Without Debugging来运行程序代码。
图4-4 VS Code的标题栏File菜单
下面图4-5是创建的er文件,当然我们也可以用图4-5红箭头所指的选项图标来创建文件夹或文件,运行文件也可以在右侧er文件上右键弹出的菜单中Run Python选项运行。
图4-5 VS Code编辑器编写程序代码
上述创建python文件也是默认使用python系统环境。
五、VS Code常用配置(设置)
VS Code代码编辑器和其它IDE(集成开发环境)工具的使用是非常相似的。开发工具界面中很多选项会在不同位置重复出现,主要是方便我们操作,比如:上面图4-1中红箭头指向的图标单击后可以打开扩展搜索框,也可以在标题栏File→Preferences→Extensions中打开扩展搜索框,还可以在图标
中的Extensions选项打开扩展搜索框,这种多个途径可以实现一个功能是为了方便我们操作。下面我们介绍vscode中的几个常用的设置,设置某个功能的途径可能有多种,但我们不一一展示。
(1)VS Code界面颜色设置
我们可以下面图5-1红色箭头所指的设置图标里的Themes→ Color Theme来设置VS Code界面的颜色主题。当然,也可以在标题栏File→Preferences→Theme→ Color Theme中设置。这两处的设置效果基本是一样的,下面未一一列出的同理。
图5-1 VS Code窗口
默认是Dark Modern颜色主题,图5-2设置为Light Modern颜色主题。
图5-2 VS Code白色主题的窗口
(2)VS code中文界面
在扩展框中搜索Chinese,选择Chinese (Simplified) (简体中文) Language扩展,安装后重新打开VS code即可实现中文界面的VS code。若重启后还是英文,点击VS Code标题栏File→command palette,也可用快捷键Ctr+Shift+P打开命令面板(command palette),在命令面板窗口输入Configure Display Language,然后选择中文简体。按ESC键可以退出命令面板(command palette)。
(3)运行结果在OUTPUT中显示及终端TERMINAL
VS Code界面中提供的运行操作,其运行程序的结果默认在终端TERMINAL中显示(如图5-2的红框中的选项),若要在OUTPUT中显示,可以安装Code Runner扩展,安装后,在VS Code界面上面工具栏的三角图标(如图5-3中红色箭头所指位置)里面出现Code Run选项。另外,右键VS Code窗口右侧文件的代码区,弹出的菜单中也会有Code Run选项,用该选项运行程序代码,输出结果在OUTPUT中显示。
图5-3 VS Code安装Code Runner扩展后的界面
而且,在OUTPUT窗口右键弹出菜单中有Stop Code Run选项,我们可以选择该项停止代码运行。另外,我们可以在File→Preferences→Settings→User→Extensions→Run Code configuration进行运行(run)设置, 如果我们对运行有特殊要求,可以在里面进行设置。
终端TERMINAL会捕获错误, 而OUTPUT侧重显示运行结果,对有的异常可能不敏感。选择run→Run Without Debugging或右键代码区弹出的菜单中的Run Python→Run Python in Terminal都是在终端TERMINAL输出。另外,终端TERMINAL可以输入操作命令,下面我们将看到终端TERMINAL的命令操作。
(4)VS code中创建虚拟环境及python解释器配置
上面我们用VS Code使用python,实际是默认使用python系统环境。在VS Code中,我们也可以创建python虚拟环境。
python安装路径下的环境称为python的系统环境。虚拟环境是一个相对独立的环境,但它实际与python的系统环境仍然存在依赖关系,比如:虚拟环境的解释器(interpreter)与python系统环境是存在依赖的。虚拟环境主要是用来独立使用第三方库或模块(与其它环境隔离开),使用其它内置的还是依赖python系统环境,比如:使用标准库(standard library,python安装时自带的库,也即内置库),就是python系统环境中的。
在图5-4右侧红箭头指向的终端TERMINAL的窗口输入有关命令就可以创建虚拟环境。
图5-4 VS Code终端TERMINAL
Windows输入python -m venv,Mac输入python3 -m venv,比如:windows用户先用VS Code打开一个空文件夹(用来存放项目),然后在VS Code终端TERMINAL窗口的路径提示符后面输入python -m venv env,按回车键即可创建虚拟环境(会出现弹窗提示,选择确定即可),如图5-4左侧红箭头所示,其中env文件夹用来存放项目的Virtualenv虚拟环境,env文件夹保存python解释器(相当于从安装的python复制过来的)、虚拟环境中安装的第三方库或模块(可以统称为包)。
VS Code创建虚拟环境后,若在终端TERMINAL里运行python程序出现“无法加载文件 …\env\Scripts\Activate.ps1,因为在此系统上禁止运行脚本”的错误提示。这是因为windows系统的执行策略防止了执行不信任脚本,我们需要更改安全策略。使用win+r快捷键(也即Windows+R)打开运行窗口,输入powershell并确定,打开windows powershell命令窗口,若路径提示符是个人用户,如图图5-5所示。
图5-5 windows powershell(个人身份)
需要更换为管理员权限,在图5-5路径提示符后面输入Start-Process powershell -Verb runAs,按回车键即可打开管理员身份的windows powershell命令窗口,可以输入get-executionpolicy查看系统的执行策略,如图5-5其结果提示Restricted受限制的。
图5-6 windows powershell(管理员身份)
再在图5-6中输入set-executionpolicy remotesigned来设置执行策略为remotesigned受信任的,选择Y,即可更改执行策略。可以用get-executionpolicy命令查看更改结果,已更改为remotesigned受信任的。
然后用vs code在创建的虚拟环境中运行程序终端TERMINAL会显示字符标记(env),不再有上述错误提示。若还能看到错误提示,那是因为终端TERMINAL可能保留了上次运行结果,可以在TERMINAL窗口右侧删除掉终端,如图5-7红色箭头指向的回收图标,再重新运行就生成一个新的终端TERMINAL,或建立一个新的终端TERMINAL来运行程序。
图5-7 VS Code终端TERMINAL操作
在VS Code中,终端TERMINAL或OUTPUT等输出显示窗口会保留运行结果。
若要配置python interpreter(解释器),可以点击VS Code标题栏File→command palette,在命令面板窗口输入Python:Select Interpreter,然后选择解释器的路径即可。
(5)卸载与拷贝配置
若要卸载扩展,可以在上述图4-2的python扩展搜索框找到相应的扩展并点击uninstall即可卸载这个扩展。
另外,在Windows操作系统里,VS Code安装的扩展默认在路径C:\Users\用户名\.vscode\extensions,这个用户名是windows登录的账户,可以在C:\Users中查看或删除扩展。而且可以拷贝.vscode文件夹并覆盖其它地方安装VS Code的上述位置的.vscode文件夹,这样就能直接使用以前的配置,无需再次配置。
卸载VS Code后,再重新安装VS Code后,仍然出现之前的配置信息,包括打开的文件夹、安装过的扩展等,这是因为之前没有完全卸载VSCode。
如果要完全卸载VS Code,卸载VS Code后还需要手动删除C:\Users\用户名\.vscode和C:\Users\用户名\AppData\Roaming\Code这两个目录的内容。通过这种完全卸载,再安装VSCode,就相当于是全新安装,即不会出现之前的相关配置信息。
最新python安装详细教程:
http://iyenn.com/rec/1702853.html
最新PyCharm安装详细教程:
http://iyenn.com/rec/1702854.html
评论记录:
回复评论: