ubuntu vscode安装_Visual Studio Code软件的安装和开发环境搭建

    Visual Studio Code是一个运行于OS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台编辑器。Visual Studio Code为开发者们提供了对多种编程语言的内置支持,同时也为这些语言提供丰富的代码补全和导航功能。JavaScript,TypeScript,Node.js 和 ASP.NET 5 开发者也将会获得额外的工具集。

    Visual Studio Code编辑器集成了现代编辑器具备的特性,包括语法高亮(syntax hight lighting),可定制的热键绑定(customizable keyboard bindings),括号匹配(bracket matching)以及代码片段收集(snippets)。Visual Studio Code在本文简称VS Code。

1,Visual Studio Code下载和安装

VS Code有Windows、Linxu、和macOS三个版本,是一个跨平台的编辑器。VS Code的下载地址:https://code.visualstudio.com/ 。点击向下的箭头,选择Linux x64版本,下载.deb格式的安装包。

287a190e8c40aefbdc75b2e12736642b.png

若在Windows下下载VS Code的安装包,再使用FileZilla软件将其传到Ubuntu的用户目录下。

9080152abeb41328b2c1cabda8de572d.png

VS Code安装包传输完成后,在Ubuntu下打开终端,输入ls查看用户目录下是否存在code_1.51.1-1605051630_amd64.deb安装包文件。

输入sudo dpkg -i code_1.51.1-1605051630_amd64.deb进行VS Code软件的安装。

1b1d7a387faacb9f9ad1a16db35708ea.png

软件安装完成后,搜索visual就可以找到VS Code软件。

bf2273a81b8887ef377c5a6cdb456cc9.png

点击Visual Studio Code图标,就可以打开VS Code软件。

d8d546dbffe798e187b52686101ff4b8.png

2,Visual Studio Code插件的安装

VS Code支持多种语言,比如C/C++、Python、C#等等,在ARM开发中,我们主要采用C/C++编写程序,所以需要安装C/C++的扩展包。

点击左侧扩展图标,在打开的搜索栏里输入C/C++,VS Code软件会自动搜索与C/C++匹配的插件,找到要安装的插件后,点击Install进行安装。

d76c8dc19faf76e0f0d39e53d39126cc.png

为了便于ARM开发,我们还需要安装以下插件,安装过程与C/C++插件安装相似。

1)、 C/C++ Snippets,即 C/C++重用代码块。

2)、 C/C++ Advanced Lint,即 C/C++静态检测。

3)、 Code Runner,即代码运行。

4)、 Include AutoComplete,即自动头文件包含。

5)、 Rainbow Brackets,彩虹花括号,有助于阅读代码。

6)、 One Dark Pro, VSCode 的主题。

7)、 GBKtoUTF8,将 GBK 转换为 UTF8。

8)、 ARM,即支持 ARM 汇编语法高亮显示。

9)、 Chinese(Simplified),即中文环境。

10)、 vscode-icons, VSCode 图标插件,主要是资源管理器下各个文件夹的图标。

11)、 compareit,比较插件,可以用于比较两个文件的差异。

12)、 DeviceTree,设备树语法插件。

13)、 Tabnine Autocomplete AI,一款 AI 自动补全插件。

32fc7d18d8259ffd3578891e8e6ae58a.png

2ce18b4274f97c7dc0fc91d74d13d123.png

b410bfb344b6acc186d74274685848d6.png

70798b295f660a87141fd662db47b8b3.png

f6894108b837aaa6b21d5671760ff09f.png

1b6aa26d7f60b86110149cc1b0d45ddc.png

9f144554be7237e231a979bc4c42ac62.png

5b8507745891589aa2e464ad4c95426b.png

86de16147ce10d64069230624f133a4f.png

7185219ed683a551c303fe16e75408ca.png

735e729269c7c5ad2c1e63700ccd4f2e.png

2956f5584ca59f4a8be15c44dad003e7.png

e5c9c8d0fa35f51f2c80f85e7a9c080f.png

插件安装完成后,点击筛选器扩展图标,在弹出的菜单中选择Installed,或在搜索框里输入@installed,就可以查看已安装好的插件。

59390b6b023e186b96d2541456454817.png

确认插件安装好后,就可以开始代码编辑了。

d578ca82549d67e0864eb5f4bc8e966d.png

3,Visual Studio Code语言环境的设置

安装好的VS Code软件界面是英文环境,我们已经安装了Chinese(Simplified)中文(简体)插件,需要将VS Code软件的语言环境设置为中文。

点击设置图标,选择Command Palette(命令面板),即可打开命令面板的输入框,或通过快捷键Ctrl+Shift+P,同样可以打开命令输入框。

7a81ea5ff88af852216a0232d79be685.png

在命令输入框里输入config,在输入框下会自动匹配与config相关的选项,点击Configure Display Language

e24c62a9c80eafcc7426cd9bf8dc626b.png

在弹出的语言选择选项中选择zh-cn

da2a0c41d50f671a8581afd6bb0e7f20.png

选择好语言后,软件提示要重新启动Visual Studio Code才能更改显示语言,点击Restart。

caec867f287e73ec4dc4d46b4295cd34.png

VS Code软件重启后,Visual Studio Code软件界面变为中文环境。

fc22ca42075c2b459f46088e90fd0227.png

至此,Visual Studio Code软件的安装和开发环境搭建到此结束。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值