Linux第20步_在虚拟机上安装“Visual Studio Code”

1、双击windows系统桌面上的“FileZilla Client.exe”,打开FTP客户端,点击03软件下的Visual Studio Code,发现code_1.50.1-1602600906_amd64。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第1张图片2、点击“文件”,然后点击“站点管理器”,见下图操作:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第2张图片3、点击下图中的mp1_Ubutun,点击“连接”。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第3张图片

4、将code_1.50.1-1602600906_amd64拖到/home/zgq/linux/tool下。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第4张图片5、等待文件上传完成。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第5张图片上传完成,见下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第6张图片

 6、在虚拟机界面右击鼠标,弹出下面的对话框:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第7张图片

7、点击“打开终端(E)”,得到下面的界面:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第8张图片

8、输入“ls回车,列出文件和文件夹

输入“cd linux/回车”,进入"linux"文件夹;

输入“ls回车,列出文件和文件夹

输入“cd tool/回车”,进入"tool"文件夹

输入“ls回车,列出文件和文件夹

Linux第20步_在虚拟机上安装“Visual Studio Code”_第9张图片

9、输入“sudo dpkg -i code_1.50.1-1602600906_amd64.deb回车 ,安装一个 *.deb 软件包;

Linux第20步_在虚拟机上安装“Visual Studio Code”_第10张图片

 10、输入密码“123456回车

Linux第20步_在虚拟机上安装“Visual Studio Code”_第11张图片

11、关闭终端窗口;

12、点击下图中的“文件”

Linux第20步_在虚拟机上安装“Visual Studio Code”_第12张图片

13、点击下图中的“下拉按钮” 

 Linux第20步_在虚拟机上安装“Visual Studio Code”_第13张图片

14、点击下图中的“侧边栏”,直到出现“其他位置”。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第14张图片

15、点击下图中的 “其他位置”。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第15张图片

16、点击下图中的 “计算机”。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第16张图片

17、点击下图中的 “usr”。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第17张图片

 18、点击下图中的 “share”。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第18张图片

19、点击下图中的 “applications”。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第19张图片

20、右击下图中的 “aVisual Studio Code”。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第20张图片

21、将下图中的 “Visual Studio Code”复制到桌面。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第21张图片 见下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第22张图片

22、双击“Visual Studio Code”图标,启动VSCode,得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第23张图片

23、按照下图指示点击:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第24张图片 得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第25张图片

安装插件有下面几个:

1)、C/C++,这个肯定是必须的。

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

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

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

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

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

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

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

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

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

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

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

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

14)、TabNine,一款 AI自动补全插件,强烈推荐谁。

24、输入C/C++,然后点击“install”,就可以安装“C/C++”插件。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第26张图片

 25、等待 “C/C++”插件下载完,直到安装完成。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第27张图片

26、输入C/C++ Snippets,然后点击“install”,就可以安装“C/C++重用代码块”插件。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第28张图片

27、输入“C/C++ Advanced Lint”,然后点击“install”,就可以安装“C/C++静态检测”插件。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第29张图片 28、输入“Code Runner”,然后点击“install”,就可以安装“代码运行”插件。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第30张图片 29、输入“Include AutoComplete”,然后点击“install”,就可以安装“自动头文件包含”插件。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第31张图片

30、输入“Rainbow Brackets”,然后点击“install”,就可以安装“彩虹花括号,有助于阅读代码”插件。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第32张图片 31)输入“One Dark Pro”,然后点击“install”,就可以安装“VSCode的主题”插件。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第33张图片

32、输入“GBKtoUTF8”,然后点击“install”,就可以安装“将GBK转换为UTF8”插件。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第34张图片

33、输入“ARM Assembly”,然后点击“install”,就可以安装“支持 ARM汇编语法高亮显示”插件。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第35张图片

34、输入“Chinese(Simplified)”,然后点击“install”,就可以安装“中文环境”插件。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第36张图片 35)输入“vscode-icons”,然后点击“install”,就可以安装“VSCode图标”插件。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第37张图片

 36、输入“compareit”,然后点击“install”,就可以安装“比较”插件。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第38张图片

37、输入“DeviceTree”,然后点击“install”,就可以安装“设备树语法”插件。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第39张图片 38、输入“TabNine”,然后点击“install”,就可以安装“AI自动补全”插件。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第40张图片

 39、重启“VScode”,得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第41张图片

40、按照下图点击,可以查看已经安装的软件。 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第42张图片

41、先在linux目录下创建一个VSCode_Test目录,用来放测试VSCode的测试程序。

打开终端

输入“ls回车”,列出文件和文件夹

输入“cd linux回车”,进入“linux”目录

输入“ls回车”,列出文件和文件夹

输入“mkdir VSCode_Test回车”,在当前的“linux”目录下,创建"VSCode_Tes"目录

输入“ls回车”,列出文件和文件夹

输入“cd VSCode_Test回车”,进入“VSCode_Test”目录;

Linux第20步_在虚拟机上安装“Visual Studio Code”_第43张图片

42、打开VSCode软件

43、点击“文件”,然后点击“打开文件夹”

Linux第20步_在虚拟机上安装“Visual Studio Code”_第44张图片

得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第45张图片

44、双击“zgq”,得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第46张图片

 45、双击“linux”,得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第47张图片

46、双击“VSCode_Test”,得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第48张图片

47、在Visual Studio Code中,点击“文件”,得到下图: 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第49张图片

48、点击“新建文件”,命名为main.c

#include

int main(int argc,char *argv[])

{

        printf("Hello world\r\n");

}

Linux第20步_在虚拟机上安装“Visual Studio Code”_第50张图片

 49、点击VSCode软件中的终端

Linux第20步_在虚拟机上安装“Visual Studio Code”_第51张图片

 50点击下图“齿轮状的设置按钮”

Linux第20步_在虚拟机上安装“Visual Studio Code”_第52张图片

51、再点击上图蓝色框内的“设置”,得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第53张图片 52、点击“文本编辑器”,得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第54张图片

53、点击“字体”,得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第55张图片

54、删除其他字体,只保留'monospace'等宽字体;

Linux第20步_在虚拟机上安装“Visual Studio Code”_第56张图片

55、点击打开字体同步

Linux第20步_在虚拟机上安装“Visual Studio Code”_第57张图片

56输入“arm-none-linux-gnueabihf-gcc  main.c  -o main回车

Linux第20步_在虚拟机上安装“Visual Studio Code”_第58张图片 57输入“file  main回车”,发现main是32位文件。

Linux第20步_在虚拟机上安装“Visual Studio Code”_第59张图片

58、输入“./main回车”,发现不能执行main。 说明生成了ARM烧录文件

Linux第20步_在虚拟机上安装“Visual Studio Code”_第60张图片

59、设置单击为“打开模式”,先按点击下图“齿轮状的设置按钮”。  

Linux第20步_在虚拟机上安装“Visual Studio Code”_第61张图片

60、点击上图中蓝色框中的“设置” 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第62张图片

61、在上图搜索框中,输入“预览回车”,点击“工作台”,得到下图:

Linux第20步_在虚拟机上安装“Visual Studio Code”_第63张图片

62、去掉绿色框中的“勾选”,见下图: 

Linux第20步_在虚拟机上安装“Visual Studio Code”_第64张图片

63、关闭设置后,单击main.c就可以直接打开文件,不再是预览模式了。

64、“ctrl + shift + p”,显示所有命令。

65、“ctrl+p”按名称搜索文件。用得较多。

66、“ctrl+f”在打开文件中搜索字符串。

你可能感兴趣的:(产品研发,vscode,linux,经验分享,STM32MP157,ubuntu)