Linux Step 20_Install "Visual Studio Code" on the virtual machine

1. Double-click "FileZilla Client.exe" on the Windows system desktop, open the FTP client , click Visual Studio Code under 03 software, and find code_1.50.1-1602600906_amd64.

2. Click "File", then click "Site Manager", as shown below:

3. Click on mp1_Ubutun in the picture below and click "Connect".

4. Drag code_1.50.1-1602600906_amd64 to /home/zgq/linux/tool. 

5. Wait for the file upload to complete.

The upload is completed, see the picture below:

 6. Right-click the mouse on the virtual machine interface, and the following dialog box will pop up:

7. Click "Open Terminal (E)" to get the following interface:

8. Enter " ls and press Enter " to list files and folders

Enter " cd linux/Enter " to enter the "linux" folder;

Enter " ls and press Enter " to list files and folders

Enter " cd tool/Enter " to enter the "tool" folder

Enter " ls and press Enter " to list files and folders

9. Enter " sudo dpkg -i code_1.50.1-1602600906_amd64.deb and press Enter "  to install a *.deb software package;

 10. Enter the password “ 123456 Enter

11. Close the terminal window;

12. Click "File" in the picture below

13. Click the “drop-down button” in the picture below 

 

14. Click "Sidebar" in the image below until " Other Locations " appears. 

15. Click "Other Locations" in the image below. 

16. Click "Computer" in the picture below.

17. Click "usr" in the picture below.

 18. Click “share” in the picture below.

19. Click "applications" in the picture below. 

20. Right-click "aVisual Studio Code" in the picture below. 

21. Copy "Visual Studio Code" in the picture below to the desktop.

 See below:

22. Double-click the "Visual Studio Code" icon to start VSCode and get the following picture:

23. Click as shown below:

 Get the following picture:

There are several plugins to install:

1), C/C++, this is definitely a must.

2), C/C++ Snippets, that is, C/C++ reused code blocks.

3), C/C++ Advanced Lint, that is, C/C++ static detection.

4), Code Runner, that is, code running.

5), Include AutoComplete, that is, automatic header file inclusion.

6), Rainbow Brackets, rainbow braces, help reading code.

7), One Dark Pro, VSCode theme.

8), GBKtoUTF8, convert GBK to UTF8.

9), ARM Assembly, which supports ARM assembly syntax highlighting.

10), Chinese (Simplified), that is, Chinese environment.

11), vscode-icons, VSCode icon plug-in, mainly for each folder under the resource manager.

12). compareit, a comparison plug-in, can be used to compare the differences between two documents.

13), DeviceTree, device tree syntax plug-in.

14), TabNine, an AI auto-complete plug-in , highly recommended to anyone.

24. Enter C/C++ and click "install" to install the "C/C++" plug-in.

 25. Wait for the "C/C++" plug-in to be downloaded until the installation is completed.

26. Enter C/C++ Snippets and click "install" to install the "C/C++ Reuse Code Blocks" plug-in. 

27. Enter "C/C++ Advanced Lint" and click "install" to install the "C/C++ static detection" plug-in. 

 28. Enter "Code Runner" and click "install" to install the "Code Runner" plug-in.

 29. Enter "Include AutoComplete" and click "install" to install the "Automatic header file inclusion" plug-in. 

30. Enter "Rainbow Brackets" and click "install" to install the "Rainbow Brackets, helpful for reading code" plug-in.

 31) Enter "One Dark Pro" and click "install" to install the "VSCode Theme" plug-in.

32. Enter "GBKtoUTF8" and click "install" to install the "Convert GBK to UTF8" plug-in. 

33. Enter "ARM Assembly" and click "install" to install the "Support ARM Assembly Syntax Highlighting" plug-in. 

34. Enter "Chinese (Simplified)" and click "install" to install the "Chinese Environment" plug-in.

 35) Enter "vscode-icons" and click "install" to install the "VSCode Icon" plug-in.

 36. Enter “compareit” and click “install” to install the “Compare” plug-in.

37. Enter "DeviceTree" and click "install" to install the "Device Tree Syntax" plug-in.

 38. Enter "TabNine" and click "install" to install the "AI Auto-Complete" plug-in.

 39. Restart "VScode" and get the following picture:

40. Click as shown below to view the installed software. 

41. First create a VSCode_Test directory in the linux directory to put the test program for testing VSCode.

Open terminal

Type " ls and hit enter " to list files and folders

Enter " cd linux and press Enter " to enter the "linux" directory

Type " ls and hit enter " to list files and folders

Enter " mkdir VSCode_Test and press Enter " to create the " VSCode_Tes " directory in the current "linux" directory.

Type " ls and hit enter " to list files and folders

Enter " cd VSCode_Test and press Enter " to enter the "VSCode_Test" directory;

42. Open VSCode software

43. Click "File" and then "Open Folder"

Get the following picture:

44. Double-click "zgq" to get the following picture:

 45. Double-click "linux" and get the following picture:

46. ​​Double-click "VSCode_Test" to get the following picture:

47. In Visual Studio Code, click "File" to get the following picture: 

48. Click "New File" and name it main.c

#include <stdio.h>

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

{

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

}

 49. Click on the terminal in the VSCode software

 50. Click the "gear-shaped setting button" as shown below

51. Then click "Settings" in the blue box in the above picture to get the following picture:

 52. Click "Text Editor" to get the following picture:

53. Click "Font" to get the following picture:

54. Delete other fonts and only keep the 'monospace' same-width font;

55. Click to open font synchronization

56. Enter " arm-none-linux-gnueabihf-gcc  main.c -o main and press Enter "

 57. Enter " file main and press Enter " and find that main is a 32-bit file.

58. Enter "./main and press Enter" and find that main cannot be executed.  It shows that the ARM burning file is generated ;

59. Set the click to "Open Mode", first click the "gear-shaped setting button" as shown below.  

60. Click "Settings" in the blue box in the picture above 

61. In the search box above, enter "Preview and Enter", click "Workbench", and get the following picture:

62. Remove the “check” in the green box, as shown in the picture below: 

63. After closing the settings, click main.c to open the file directly, no longer in preview mode.

64. "ctrl + shift + p", display all commands.

65. “ctrl+p” searches for files by name. Used more.

66. “ctrl+f” searches for a string in an open file.

Guess you like

Origin blog.csdn.net/weixin_42550185/article/details/135413354