搜索
bottom↓
回复: 0

《领航者ZYNQ之嵌入式Linux开发指南_V2.0》第四章 开发环境搭建

[复制链接]

出0入234汤圆

发表于 2021-12-30 11:29:00 | 显示全部楼层 |阅读模式
1)实验平台:正点原子领航者V2 ZYNQ开发板
2)  章节摘自【正点原子】《领航者ZYNQ之嵌入式Linux开发指南_V2.0》
3)购买链接:https://detail.tmall.com/item.htm?id=609032204975
4)全套实验源码+手册+视频下载地址:http://www.openedv.com/thread-329957-1-1.html
5)正点原子官方B站:https://space.bilibili.com/394620890
6)正点原子FPGA技术交流QQ群:90562473
1.png

2.jpg


3.png




第四章 开发环境搭建

        要进行ZYNQ开发肯定要先搭建好开发环境,我们在开始学习STM32的时候肯定需要安装一堆的软件,比如MDK、IAR、串口调试助手等等,这个就是STM32的开发环境搭建。同样的,要想在Ubuntu下进行ZYNQ开发也需要安装一些软件,也就是网上说的开发环境搭建,环境搭建好以后我们就可以进行开发了。环境搭建分为Ubuntu和Windows,因为我们最熟悉Windows,所以代码编写、查找资料啥的肯定是在Windows下进行的。但是Linux开发又必须在Ubuntu下进行,所以还需要搭建Ubuntu下的开发环境。本章我们就分为Ubuntu和Windows,讲解这两种操作系统下的环境搭建。

       1.1Ubuntu和Windows文件互传
       在开发的过程中会频繁的在Windows和Ubuntu下进行文件传输,比如在Windwos下进行代码编写,然后将编写好的代码拿到Ubuntu下进行编译。Windows和Ubuntu下的文件互传我们需要使用FTP服务,设置方法如下:
       1、开启Ubuntu下的FTP服务
       打开Ubuntu的终端窗口,然后执行如下命令来安装FTP服务:
  1. sudo apt-get install vsftpd
复制代码
       等待软件自动安装,安装完成以后使用如下VI命令打开/etc/vsftpd.conf,命令如下:
  1. sudo vi /etc/vsftpd.conf
复制代码
       打开以后vsftpd.conf文件以后找到如下两行:
  1. local_enable=YES
  2. write_enable=YES
复制代码
       确保上面两行前面没有“#”,有的话就取消掉,完成以后如图4.1.1所示:

第四章 开发环境搭建690.png

图 4.1.1 vsftpd.conf修改

       修改完vsftpd.conf以后保存退出,使用如下命令重启FTP服务:
  1. sudo /etc/init.d/vsftpd restart
复制代码
        2、Windows下FTP客户端安装
        Windows下FTP客户端我们使用FileZilla,这是个免费的FTP客户端软件,可以在FileZilla官网下载,下载地址如下:https://www.filezilla.cn/download,下载界面如图4.1.2所示:

第四章 开发环境搭建1010.png

图 4.1.2 FileZilla软件下载

       我们已经下载好FileZilla并放到开发板光盘中了,路径为:开发板资料盘(A盘)/6_软件资料/1_软件/FileZilla_3.39.0_win64-setup_bundled.exe,双击安装即可。安装完成以后找到安装目录,找到图标,然后发送图标快捷方式到桌面,完成以后如图4.1.3所示:

第四章 开发环境搭建1226.png

图 4.1.3 FileZilla图标

        打开FileZilla软件,界面如图4.1.4所示:

第四章 开发环境搭建1318.png

图 4.1.4 FileZilla软件界面

       3、FileZilla软件设置
       Ubuntu作为FTP服务器,FileZilla作为FTP客户端,客户端肯定要连接到服务器上,打开站点管理器,点击:文件->站点管理器,打开以后如图4.1.5所示:

第四章 开发环境搭建1484.png

图 4.1.5站点管理器

       点击图4.1.5中的“新站点(N)”按钮来创建站点,新建站点以后就会在“我的站点”下出现新建的这个站点,站点的名称可以自行修改,比如我将新的站点命名为“Ubuntu”如图4.1.6所示:

第四章 开发环境搭建1636.png

图 4.1.6新建站点

        选中新创建的“Ubuntu”站点,然后对站点的“常规”进行设置,设置如图4.1.7所示:

第四章 开发环境搭建1738.png

图 4.1.7站点设置

       按照图4.1.7中设置好以后,点击“连接”按钮,第一次连接可能会弹出提示是否保存密码的对话框,点击确定即可。
       连接成功以后如图4.1.8所示,其中左边就是Windows文件目录,右边是Ubuntu文件目录,默认进入用户根目录下(比如我电脑的“/home/zuozhongkai”)。但是注意观察在图4.1.8中Ubuntu文件目录下的中文目录都是乱码的,这是因为编码方式没有选对,先断开连接,点击:服务器(S)->断开连接,然后打开站点管理器,选中要设置的站点“Ubuntu”,选择“字符集”,设置如图4.1.9所示。

第四章 开发环境搭建2055.png

图 4.1.8连接成功


第四章 开发环境搭建2112.png

图 4.1.9设置字符集

       按照图4.1.9设置好字符集以后重新连接到FTP服务器上,重新链接到FTP服务器以后Ubuntu下的文件目录中文显示就正常了,如图4.1.10所示:

第四章 开发环境搭建2245.png

图 4.1.10 Ubuntu下文件目录中文显示正常

       如果要将Windows下的文件或文件夹拷贝到Ubuntu中,只需要在图4.1.10中左侧的Windows区域选中要拷贝的文件或者文件夹,然后直接拖到右侧的Ubuntu中指定的目录即可。将Ubuntu中的文件或者文件夹拷贝到Windows中也是直接拖放。
       1.2Ubuntu和Windows文件本地共享
       对于在Windows上安装虚拟机软件,在虚拟机软件中运行Ubuntu系统这类场景,Ubuntu和Windows文件互传可以使用本地共享的方式。这种共享的方式极大的免除了不同系统文件之间的文件复制和磁盘空间的双重占用。下面笔者将介绍如何使用Vmware虚拟机来实现Ubuntu和Windows文件之间的共享。
       首先在Vmware中启动Ubuntu系统,然后在Vmware的菜单栏,选择“虚拟机(M)”选项下的“安装VMware Tools(T)”,如下图所示:

第四章 开发环境搭建2695.png

图 4.2.1 安装VMware Tools(T)

       稍等30秒左右后,在Ubuntu系统里弹出挂载VMware Tools后的文件浏览器界面,如下图所示:

第四章 开发环境搭建2818.png

图 4.2.2 弹出挂载VMware Tools后的文件浏览器界面

       右键点击上图箭头所指的文件,在弹出的菜单中选择“提取到……”,如下图所示:

第四章 开发环境搭建2935.png

图 4.2.3 在弹出的菜单中选择“提取到……”

        弹出选择提取到的目录,这里选择“Home”目录,然后点击右下角的“提取(E)”按钮,如下图所示:

第四章 开发环境搭建3054.png

图 4.2.4 选择“Home”目录

       提取结束后,进入“Home”目录,可以看到有一个“vmware-tools-distrib”文件夹,如下图所示:

第四章 开发环境搭建3175.png

图 4.2.5 “vmware-tools-distrib”文件夹

        进入该文件夹,在空白处单击鼠标右键,在弹出的菜单中,选择“在终端打开(T)”,如下图所示:

第四章 开发环境搭建3300.png

图 4.2.6 选择“在终端打开(T)”

       在打开的终端中输入”ll”命令(注:两个小写的L)或“ls -l”命令,列出该文件夹下的文件结构,如下图所示:

第四章 开发环境搭建3422.png

图 4.2.7 输入”ll”命令

       然后输入命令“sudo ./vmware-install.pl”,会提示输入用户密码,输入密码后并回车,弹出下图所示内容:

第四章 开发环境搭建3546.png

图 4.2.8 命令“sudo ./vmware-install.pl”

       这里提示该操作系统可以直接安装open-vm-tools安装包(可通过命令apt install open-vm-tools安装),安装open-vm-tools后就不需要安装VMware-Tools了,这里笔者根据多年的使用经验建议不要安装open-vm-tools安装包,因为在使用的过程中会出现一些问题,比如找不到共享的文件夹,没必要浪费时间在解决这种问题上。如果是安装VMware-Tools,虽然没有安装open-vm-tools安装包方便,但笔者使用至今也没出现过什么问题。所以这里的“Do you still want to proceed with this installation?[no]”后面输入“yes”。
        回车后,后面出现这种停下来进行选择的,直接一路回车即可,如下图所示,箭头所指处都是直接回车。

第四章 开发环境搭建3992.png

图 4.2.9 使用默认配置

       留意一下,可以看到下图所示的信息,这里就是是否启用虚拟机和主机共享文件夹的功能和是否启用在虚拟机和主机之间拖曳和复制文件的功能,默认为yes,也是一路回车即可。

第四章 开发环境搭建4133.png

图 4.2.10 启用文件共享功能

        最后弹出下图所示信息,也就是安装完成了,需要重启图形界面,直接重启虚拟机里的Ubuntu系统就好了。

第四章 开发环境搭建4247.png

图 4.2.11 完成安装

       重启Ubuntu之后,在VMware的虚拟机菜单栏中选择“设置(S)”,如下图所示:

第四章 开发环境搭建4349.png

图 4.2.12 选则“设置(S)”

       在弹出的菜单中,选择“选项”,在该界面中,单击“共享文件夹”,在右边界面中选择“总是启用(E)”,如下图所示:

第四章 开发环境搭建4469.png

图 4.2.13 启用共享

       现在我们需要添加共享的文件夹了。这里我们在Windows的F盘里新建一个名为“share”的文件夹,如下图所示。这个文件夹呢就是以后我们用来在Windows和Ubuntu系统之间共享文件的地方。当然了,任何一个文件夹都是可以的,读者可以按自己的实际情况选择。
第四章 开发环境搭建4658.png

图 4.2.14 新建用于共享的文件夹“share”

       现在我们单击图中的“添加(A)…”按钮,弹出下图所示界面
第四章 开发环境搭建4760.png

图 4.2.15 添加共享的文件夹

        直接点击“下一步(N)->”,进入下图所示界面:
第四章 开发环境搭建4848.png

图 4.2.16 完成添加

        点击“浏览(R)…”,选择我们刚才新建的share文件夹,选择好以后点击确定。上图的名称此处保持默认share,按个人喜好可以修改。点击“下一步(N)->”,进入下图所示界面:
第四章 开发环境搭建4996.png

图 4.2.17 点击“完成”按钮

       默认勾选“启用此共享”,如果不想该文件夹内的内容被修改,可以勾选只读,此处我们不勾选“只读”,点击“完成”按钮。
       现在如果我们需要向Ubuntu系统传文件,就可以直接将该文件复制到share目录就可以了。以后我们需要向Ubuntu系统传递的文件就都放在share文件夹下。那Ubuntu如何访问share文件夹呢?
       该文件夹在Ubuntu系统中对应的是/mnt/hgfs/share/目录,我们在终端中输入命令:
  1. ll /mnt/hgfs/share/]
复制代码
       如下图所示:可以看到该文件夹为空。如果需要从Ubuntu系统向Windows传递文件,可以用cp命令或mv命令拷贝或移动相应的文件到该目录。
第四章 开发环境搭建5357.png

图 4.2.18 共享文件夹对应的Ubuntu目录/mnt/hgfs/share/

       别忘了,我们还启用了拖曳和复制功能,可以用鼠标直接将文件或文件夹从Windows拖到Ubuntu或从Ubuntu拖到Windows中。复制功能则可用于在Ubuntu和Windows中共享粘贴板。
1.3Ubuntu系统搭建tftp服务器
       TFTP作为一种简单的文件传输协议,在嵌入式开发中会经常使用到,而且后面我们在安装Petalinux工具时也会提示需要tftp服务,所以我们需要在Ubuntu上搭建TFTP服务器。需要安装tftp-hpa(客户端软件包,如果不用可不装)和tftpd-hpa软件包,命令如下:
  1. sudo apt-get install tftp-hpa tftpd-hpa
复制代码
       TFTP需要一个文件夹来存放文件,我们在根目录下新建一个/tftpboot目录做为TFTP文件存储目录,之所以使用该目录是因为后面使用的Petalinux工具默认使用该目录,省得我们每次建Petalinux工程的时候手动修改。创建/tftpboot目录命令如下:
  1. sudo mkdir -p /tftpboot
  2. sudo chmod 777 /tftpboot
复制代码
       这样笔者就在电脑上创建了一个名为tftpboot的目录(文件夹),路径为/tftpboot。需要注意的是我们要给tftpboot文件夹权限,否则的话后面在使用过程中会遇到问题,所以使用了chmod 777命令。
       最后配置tftp。打开/etc/default/tftpd-hpa文件,将其内容修改如下:
  1. 示例代码/etc/default/tftpd-hpa文件内容
  2. 1 # /etc/default/tftpd-hpa
  3. 2
  4. 3 TFTP_USERNAME="tftp"
  5. 4 TFTP_DIRECTORY="/tftpboot"
  6. 5 TFTP_ADDRESS=":69"                                
  7. 6 TFTP_OPTIONS="-l -c -s"         
复制代码
       TFTP_DIRECTORY就是我们上面创建的/tftpboot文件夹目录,以后我们就将所有需要通过TFTP传输的文件都放到该文件夹里面。
       最后输入如下命令,重启tftp服务器:
  1. sudo service tftpd-hpa restart
复制代码
       至此,tftp服务器就已经搭建好了。
1.4Ubuntu下NFS和SSH服务开启
1.4.1NFS服务开启
       后面进行Linux驱动开发的时候需要NFS启动,因此要先安装并开启Ubuntu中的NFS服务,使用如下命令安装NFS服务:
  1. sudo apt install nfs-kernel-server
复制代码
       等待安装完成,安装完成以后在用户根目录下创建一个名为“linux”的文件夹,以后所有的东西都放到这个“linux”文件夹里面,在“linux”文件夹里面新建一个名为“nfs”的文件夹,如下图所示:
第四章 开发环境搭建6656.png

图 4.4.1创建linux工作目录

       上图中创建的nfs文件夹供nfs服务器使用,以后我们可以在开发板上通过网络文件系统来访问nfs文件夹。
       先配置nfs。NFS允许挂载的目录及权限在文件/etc/exports中进行定义,使用如下命令打开nfs配置文件/etc/exports:
  1. sudo vi /etc/exports
复制代码
       打开/etc/exports后在后面添加如下所示内容:
  1. /home/zynq/linux/nfs *(rw,sync,no_root_squash)
复制代码
       /home/zynq/linux/nfs是要共享的目录,*代表允许所有的网络段访问,rw是可读写权限,sync是文件同步写入存储器,no_root_squash是nfs客户端分享目录使用者的权限。如果客户端使用的是root用户,那么对于该共享目录而言,该客户端就具有root权限。
       添加完成以后的/etc/exports如下图所示:
   第四章 开发环境搭建7105.png

图 4.4.2修改文件/etc/exports

       重启NFS服务,使用如下命令:
  1. sudo service nfs-kernel-server restart
复制代码
       此时可以运行以下命令来显示共享的目录:
  1. showmount -e
复制代码
       在nfs运行的过程中,修改了/etc/exports配置文件,可以使用exportfs命令使改动生效,具体命令:
  1. sudo exportfs -rv
复制代码
1.4.2SSH服务开启
       开启Ubuntu的SSH服务以后我们就可以在Windwos下使用终端软件登陆到Ubuntu,比如使用SecureCRT,Ubuntu下使用如下命令开启SSH服务:
  1. sudo apt-get install openssh-server
复制代码
       上述命令安装ssh服务,ssh的配置文件为/etc/ssh/sshd_config,使用默认配置即可。
1.5Source Insight软件安装和使用
1.5.1Source Insight安装

       Source Insight是一款功能强大的代码编辑、阅读工具,工作在Windows下,我们可以用Source Insight来进行代码编写和阅读,编写完成以后将代码拷贝到Ubuntu中去编译即可。Source Insight下载地址为:https://www.sourceinsight.com/download/,如图 4.5.1所示:
第四章 开发环境搭建7807.png

图 4.5.1 Source Insight下载界面

       我们已经下载好并放到了开发板光盘中,路径为:开发板资料盘(A盘) 6_软件资料/1_软件/Source Insight 4.0->sourceinsight4096-setup.exe,双击“sourceinsight4096-setup.exe”即可开始安装,首先是下图所示的欢迎界面:
第四章 开发环境搭建8024.png

图 4.5.2 Souce Insight 4.0安装欢迎界面

       点击图 4.5.2中的“Next”按钮进入下一步,如图 4.5.3所示:
第四章 开发环境搭建8186.png

图 4.5.3条例许可界面

       选择图 4.5.3中的“I accept the terms in the license adreement”,然后点击“Next”按钮,进入安装目录选择界面,根据自己的实际情况选择合适的安装目录,如下图所示:
第四章 开发环境搭建8376.png

图 4.5.4安装目录选择

       选择好安装目录以后点击“Next”按钮,进入图 4.5.5所示的准备安装界面:
第四章 开发环境搭建8499.png

图 4.5.5准备安装界面

       点击图 4.5.5中的“Install”按钮开始安装,等待安装完成,安装完成以后如下图所示:
第四章 开发环境搭建8629.png

图 4.5.6安装完成界面

      点击图 4.5.6中的“Finish”按钮退出安装,安装成功以后会在桌面上出现Source Insight 4.0的图标,如图 4.5.7所示:
第四章 开发环境搭建8809.png

图 4.5.7 Sourc Insight 4.0图标

      双击图标打开Source Inisght 4.0,第一次打开的话会有Licese提示,如下图所示:
第四章 开发环境搭建8932.png

图 4.5.8 Licese提示

      因为Source Insight 4.0是个收费软件,所以是需要购买License的,如果没有购买的话可以免费体验30天,点击图 4.5.8中的“确定”按钮,进入下图所示界面:
第四章 开发环境搭建9107.png

图 4.5.9 license输入界面

       在图 4.5.9中,如果你已经购买了licese那么就选择第一个,如果没有购买licese的话就选择第二个免费体验30天,选择好以后点击“Next”按钮,进入下图所示界面:
第四章 开发环境搭建9283.png

图 4.5.10信息输入界面

       填写图 4.5.10中的信息,然后点击“Next”,填写好以后一路“Next”下去就可以了,打开以后的默认界面如图 4.5.11所示:
第四章 开发环境搭建9459.png

图 4.5.11 Source Insight默认界面

        至此Source Insight安装完成。
1.5.2Source Insight新建工程
1、新建工程

       跟MDK、IAR一样,Source Insight是需要创建工程的,但是远没有MDK和IAR那么复杂,先新建一个工程文件夹, 比如test,test用来存放工程所有文件,包括Source Insight工程文件和C语言源码文件。
       注意!Source Insight的工程不能有中文路径!
       在刚刚创建的test文件夹中新建一个SI文件夹,用来存放Source Insight的所有工程文件,完成以后如图 4.5.12所示:
第四章 开发环境搭建9816.png

图 4.5.12工程文件目录

        工程文件夹准备好以后就可以创建工程了,点击Source Insight的:Project->New Project,如下图所示:
第四章 开发环境搭建9941.png

图 4.5.13新建工程

       点击“New Project”后进入图 4.5.14所示界面:
第四章 开发环境搭建10055.png

图 4.5.14工程名字和路径设置

       在上图中设置好工程名字和路径以后点击“OK”按钮,会进入另外一个设置界面,如下图所示:
第四章 开发环境搭建10162.png

图 4.5.15工程设置2

       在上图中我们一般不需要做任何修改,主要是检查一下路径是否正确,如果没问题的话就点击“OK”按钮即可,进入向工程添加文件界面,如下图所示:
第四章 开发环境搭建10290.png

图 4.5.16向工程添加源文件

       如果你的工程文件夹已经有源文件了,那么就可以按照上图所示方法将所有的源文件添加到工程中,添加完成以后点击“Close”按钮关闭即可。新建工程完成以后Source Insight如下图所示:
第四章 开发环境搭建10447.png

图 4.5.17工程创建成功

      我们发现上图好像和没有新建工程的界面没有区别?那是因为我们新建的工程是个空的工程,没有任何的源文件,所以看起来没啥变化。
2、新建源文件
       我们在刚刚新建的工程里面新建两个文件:main.c和main.h,先新建main.c文件,点击:File->new,如下图所示:
第四章 开发环境搭建10641.png

图 4.5.18新建c文件

       设置c文件的名字为main.c,如下图所示:
第四章 开发环境搭建10723.png

图 4.5.19文件命名

        文件命名完成以后点击“OK”按钮,文件创建完成,main.c只是创建了但是还没有保存,更没有添加到我们的工程中,所以我们点击:File->Save,或者直接按下键盘上的“Ctrl+S”键来保存,保存界面如下图所示:
第四章 开发环境搭建10889.png

图 4.5.20保存界面

       设置好上图中的保存路径以后点击“保存”按钮即可,保存以后会弹出一个对话框,询问你是否要将刚刚保存的C文件添加到工程中,如下图所示:
第四章 开发环境搭建11013.png

图 4.5.21是否将文件添加到工程中

       我们肯定要选择“是”了,要将main.c添加到工程中的,添加完成以后的Source Insight界面如下图所示:
第四章 开发环境搭建11136.png

图 4.5.22工程界面讲解

       在上图中可以看到我们正在操作main.c这个文件,当前工程只有main.c这一个文件,中间部分就是我们的代码编辑区,我们可以在里面写代码。同样的方法我们在新建一个main.h头文件,
3、编写代码
       我们在工程中创建了main.c和main.h两个源文件,接下来在这两个文件中编写代码,在main.c和main.h中分别写入如下代码:
  1. 示例代码4.4.2.1 main.c文件代码
  2. 1  #include "main.h"
  3. 2  #include "stdio.h"
  4. 3  
  5. 4  void main(int argc, char *argv[])
  6. 5  {
  7. 6   printf("this is a test file");
  8. 7  }
  9. 8  
  10. 示例代码4.4.2.2 main.h文件代码
  11. 9  #ifndef _MAIN_H
  12. 10 #define _MAIN_H
  13. 11
  14. 12
  15. 13 #endif
复制代码
       编写完成以后Source Insight界面如下图所示:
第四章 开发环境搭建11627.png

图 4.5.23编写代码后的工程

4、工程同步
       代码编写完成以后需要对Source Insight做一次同步操作,同步的目的是为了可以进行函数跟踪,比如MDK中直接跳转到某个函数的定义处查看函数源码。同步的方法很简单,点击Project->Synchronize Files,如下图所示:
第四章 开发环境搭建11817.png

图 4.5.24工程同步

       点击“Synchronize Files”以后打开同步对话框,如下图所示:
第四章 开发环境搭建11913.png

图 4.5.25同步设置

       按照上图所示设置同步,设置好以后点击“Start”开始同步,等待同步完成,如果工程很小的话同步速度会很快!可能看不到同步的过程,如果工程比较大的话同步就会多花一点时间。
       关于Source Insight的安装以及使用就讲解到这里,大家自行多练习几遍Source Insight创建工程和新建文件操作。
1.5.3Source Insight解决中文乱码
        第一次装好Source Insight,如果打开有中文的文件,可能中文显示会乱码,如下图所示:
第四章 开发环境搭建12191.png

图 4.5.26中文乱码

        这是因为编码方式没有选对,点击Options->Preferences…,如下图所示:
第四章 开发环境搭建12293.png

图 4.5.27 Preferences对话框打开方式

        打开以后按照下图所示设置:
第四章 开发环境搭建12380.png

图 4.5.28文件编码设置

       将文件编码改为GB2312以后中文显示就正常了,如果中文还是显示乱码的话那就试着将下图中的“Default line ending”改为“Unix(LF)”,将“Default encoding”改为“UTF8”,如下图所示:
第四章 开发环境搭建12554.png

图 4.5.29 改为UTF-8编码

       这是因为Linux下是UTF-8编码的,如果你的工程是从Linux下拷贝出来的,那么肯定就要使用UTF8编码才能正常显示。中文正常显示如下图所示:
第四章 开发环境搭建12692.png

图 4.5.30中文显示正常

1.6Visual Studio Code软件的安装和使用
1.6.1Visual Studio Code的安装

       Visual Stuio Code和Source Insight一样,都是编辑器,Visual Studio Sode本教程以后就简称为VSCode,VSCode是微软推出的一款编辑器,但是免费的。VSCode有Windows、Linux和macOS三个版本,是一个跨平台的编辑器。VSCode下载地址是:https://code.visualstudio.com/,下载界面如下图所示:
第四章 开发环境搭建13043.png

图 4.6.1 VSCode下载界面

       在上图中下载自己想要的版本,本教程需要Windows和Linux这两个版本,所以下载这两个即可,我们已经下载好并放入了开发板光盘中,路径为:开发板资料盘(A盘) 6_软件资料/1_软件/Visual Studio Code。
1、Windows版本安装
       Windows版本的安装和容易,和其他Windows一样,双击.exe安装包,然后一路“下一步”即可,安装完成以后在桌面上就会有VSCode的图标,如下图所示:
第四章 开发环境搭建13315.png

图 4.6.2 VSCode图标

       双击上图所以的图标打开VSCode,默认界面如下图所示:
第四章 开发环境搭建13406.png

图 4.6.3 VSCode默认界面

       2、Linux版本安装
       我们有时候也需要在Ubuntu下阅读代码,所以还需要在Ubuntu下安装VSCode。Linux下的VSCode安装包我们也放到了开发板光盘中,将开发板光盘中的.deb软件包拷贝到Ubuntu系统中,然后使用如下命令安装:
  1. sudo dpkg -i code_1.32.3-1552606978_amd64.deb
复制代码
        等待安装完成,如下图所示:
第四章 开发环境搭建13654.png

图 4.6.4 VSCode安装过程

        安装完成以后搜索“Visual Studio Code”就可以找到,如下图所示:
第四章 开发环境搭建13759.png

图 4.6.5 Visual Studio Code

        每次打开VSCode都要搜索,太麻烦了,我们可以将图标添加到Ubuntu桌面上,安装的所有软件图标都在目录/usr/share/applications中,如下图所示:
第四章 开发环境搭建13916.png

图 4.6.6软件图标

       在上图中找到Visual Studio Code的图标,然后点击鼠标右键,选择复制到->桌面,如下图所示:
第四章 开发环境搭建14027.png

图 4.6.7复制图标到桌面

       按照上图所示方法将VSCode图标复制到桌面,以后直接双击图标即可打开VSC,Ubuntu下的VSCode打开以后如下图所示:
第四章 开发环境搭建14151.png

图 4.6.8 Linux下的VSCode

        可以看出Linux下的VSCode和Windows下的基本是一样的,所以使用方法也是一样的。
1.6.2Visual Studio Code插件的安装
       VSCode支持多种语言,比如C/C++、Python、C#等等,本教程我们主要用来编写C/C++程序的,所以需要安装C/C++的扩展包,扩展包安装很简单,如下图所示:
第四章 开发环境搭建14374.png

图 4.6.9 VSCode插件安装

我们需要按照的插件有下面几个:
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,即支持ARM汇编语法高亮显示。
10)、Chinese(Simplified),即中文环境。
11)、vscode-icons,VSCode图标插件,主要是资源管理器下各个文件夹的图标。
12)、compareit,比较插件,可以用于比较两个文件的差异。
13)、DeviceTree,设备树语法插件。
如果要查看已经安装好的插件,可以按照下图所示方法查看:
第四章 开发环境搭建14870.png

图 4.6.10显示已安装的插件

       安装好插件以后就可以进行代码编辑了,截至目前,VSCode界面都是英文环境,我们已经安装了中文插件了,最后将VSCode改为中文环境,使用方法如下图所示:
第四章 开发环境搭建15010.png

图 4.6.11中文语言包使用方法

       根据上图的提示,按下“Ctrl+Shift+P”打开搜索框,在搜索框里面输入“config”,然后选择“Configure Display Language”,如下图所示:
第四章 开发环境搭建15160.png

图 4.6.12配置语言

      在打开的local.json文件中将locale修改为zh-cn,如下图所示:
第四章 开发环境搭建15258.png

图 4.6.13修改locale变量

       修改完成以后保存local.json,然后重新打开VSCode,测试VSCode就变成了中文的了,如下图所示:
第四章 开发环境搭建15378.png

图 4.6.14中文环境

1.6.3Visual Studio Code新建工程
       新建一个文件夹用于存放工程,比如我新建了文件夹目录为E:\VScode_Program\1_test,路径尽量不要有中文和空格打开VSCode。然后在VSCode上点击“文件->打开文件夹…”,刚刚创建的“1_test”文件夹,打开以后如下图所示:
第四章 开发环境搭建15584.png

图 4.6.15打开的文件夹

       从上图可以看出此时的文件夹“1_TEST”是空的,点击文件->将工作区另存为…,打开工作区命名对话框,输入要保存的工作区路径和工作区名字,如下图所示:
第四章 开发环境搭建15720.png

图 4.6.16工作区保存设置

       工作区保存成功以后,点击图 4.6.15中的“新建文件”按钮创建main.c和main.h这两个文件,创建成功后的VSCode如下图所示:
第四章 开发环境搭建15875.png

图 4.6.17新建文件以后的VSCode

       从上图可以看出,此时“实验1 TEST”中有.vscode文件夹、mian.c和mian.h,这三个文件和文件夹同样会出现在“实验1 test”文件夹中,如下图所示:
第四章 开发环境搭建16026.png

图 4.6.18实验文件夹

        在main.h中输入如下所示内容:
  1. 示例代码4.5.3.1 main.h文件代码
  2. 1 #include <stdio.h>
  3. 2
  4. 3 int add(int a, int b);
复制代码
         在main.c中输入如下所示内容:
  1. 示例代码4.5.3.2 main.c文件代码
  2. 1  #include <main.h>
  3. 2  
  4. 3  int add(int a, int b)
  5. 4  {
  6. 5      return (a + b);
  7. 6  }
  8. 7  
  9. 8  int main(void)
  10. 9  {
  11. 10     int value = 0;
  12. 11
  13. 12     value = add(5, 6);
  14. 13     printf("5 + 6 = %d", value);
  15. 14     return 0;   
  16. 15 }
复制代码
       代码编辑完成以后VSCode界面如下图所示:
第四章 开发环境搭建16463.png

图 4.6.19代码编辑完成以后的界面

       从上图可以看出,VSCode的编辑的代码高亮很漂亮,阅读起来很舒服。但是此时提示找不到“stdio.h”这个头文件,如下图所示错误提示:
第四章 开发环境搭建16597.png

图 4.6.20头文件找不到

        上图中提示找不到“main.h”,同样的在main.h文件中会提示找不到“stdio.h”。这是因为我们没有添加头文件路径。按下“Ctrl+Shift+P”打开搜索框,然后输入“Edit configurations”,选择“C/C++:Edit configurations…”,如下图所示:
第四章 开发环境搭建16805.png

图 4.6.21打开C/C++编辑配置文件

       C/C++的配置文件是个json文件,名为:c_cpp_properties.json,此文件默认内容如下图所示:
第四章 开发环境搭建16930.png

图 4.6.22c_cpp_properties.json内容

        c_cpp_properties.json中的变量“includePath”用于指定工程中的头文件路径,但是“stdio.h”是C语言库文件,而VSCode只是个编辑器,没有编译器,所以肯定是没有stdio.h的,除非我们自行安装一个编译器,比如CygWin,然后在includePath中添加编译器的头文件。这里我们就不添加了,因为我们不会使用VSCode来编译程序,这里主要知道如何指定头文件路径就可以了,后面有实际需要的时候再来讲。
       我们在VScode上打开一个新文件的话会覆盖掉以前的文件,这是因为VSCode默认开启了预览模式,预览模式下单击左侧的文件就会覆盖掉当前的打开的文件。如果不想覆盖的话采用双击打开即可,或者设置VSCode关闭预览模式,设置如下图所示:
第四章 开发环境搭建17345.png

图 4.6.23取消预览

       我们在编写代码的时候有时候会在右下角有如下图所示的警告提示:
第四章 开发环境搭建17434.png

图 4.6.24错误提示

        这是因为插件C/C++ Lint打开了几个功能,我们将其关闭就可以了,顺便也可以学习一下VSCode插件配置方法,如下图所示:
第四章 开发环境搭建17556.png

图 4.6.25 C/C++ Lint配置界面

       在C/C++ Lint配置界面上找到CLang:Enable、Cppcheck:Enable、Flexlint:Enable这个三个,然后取消掉勾选即可,如下图所示:
第四章 开发环境搭建17709.png

图 4.6.26 C/C++ Lint配置

       按照图 4.6.25所示取消这三个有关C/C++ Lint的配置以后就不会有图 4.6.24所示的错误提示了。但是关闭Cppcheck:Enable以后VSCode就不能实时检查错误了,大家根据实际情况选择即可。
       1.7CH340串口驱动安装
       我们一般在Windwos下通过串口来调试程序,或者使用串口作为终端,领航者开发板使用CH340这个芯片实现了USB转串口功能,CH340是一枚江苏沁恒生产的国产芯片,稳定性还是很不错的,这里我们要多多支持国产嘛。
先通过USB线将开发板的串口和电脑连接起来起来,连接方式如下图:
第四章 开发环境搭建18083.png

图 4.7.1开发板串口连接方式

       CH340是需要安装驱动的,驱动我们已经放到了开发板光盘中,路径:开发板资料盘(A盘) 6_软件资料/1_软件/ CH340驱动(USB串口驱动),,双击SETUP.EXE,打开如下图所示安装界面:
第四章 开发环境搭建18245.png

图 4.7.2 CH340驱动安装

        点击上图中的“安装”按钮开始安装驱动,等待驱动安装完成,驱动安装完成以后会有如下图所示提示:
第四章 开发环境搭建18355.png

图 4.7.3驱动安装成功

       点击上图中的“确定”按钮退出安装,重新插拔一下串口线。打开设备管理器,打开方式是在Windows上的“此电脑”图标上点击鼠标右键,选择“管理”,如下图所示:
第四章 开发环境搭建18493.png

图 4.7.4打开管理窗口

       打开以后的计算机管理器如下图所示:
第四章 开发环境搭建18570.png

图 4.7.5计算机管理器

       在上图中,点击左侧“计算机管理(本地)”中的“设备管理器”,在右侧选中“端口(COM和LPT)”,如下图所示:
第四章 开发环境搭建18685.png

图 4.7.6设备管理器

       如果在上图中找到了有“USB-SERIAL CH340”字样的端口设备就说明CH340驱动成功了,一定要用USB线将开发板的串口和电脑连接起来!
       1.8SecureCRT软件安装和使用
1.8.1SecureCRT安装

        在后续的开发过程中我们需要在Windows下使用串口终端,用来查看信息以及进行操作。常用的串口终端有SecureCRT和Putty。
SecureCRT支持SSH以及串口,通常使用SecureCRT来作为串口终端使用。SecureCRT下载地址为:https://www.vandyke.com/download/index.html,下载界面如下图所示:
第四章 开发环境搭建19085.png

图 4.8.1 SecureCRT下载界面

       我们已经下载好放到开发板光盘中了,路径为:开发板资料盘(A盘) 6_软件资料/1_软件/SecureCRT7.1,我们提供了两个版本的软件: scrt712-x86.exe和scrt733-x64.exe,这两个分别为32位和64位,大家根据自己所使用的电脑来选择安装版本,我的电脑是64位的,因此安装scrt733-x64.exe。双击scrt733-x64.exe开始安装,界面如下图所示:
第四章 开发环境搭建19350.png

图 4.8.2安装欢迎界面

       点击上图中的“Next”按钮,进入License许可界面,如下图所示:
第四章 开发环境搭建19445.png

图 4.8.3 License界面

       在上图中,选择“I accept the terms in the license agreement”,然后点击“Next”按钮,进入使用者选择界面,如下图所示:
第四章 开发环境搭建19591.png

图 4.8.4使用者选择

       选择“Common profile(affects all users)”,也就是所有登陆到此电脑的用户都可以使用SecureCRT,选中以后点击“Next”进入下一步,进入安装类型选择界面,如下图所示:
第四章 开发环境搭建19752.png

图 4.8.5安装类型

       在上图中我们选择“Custom”,也就是自定义安装,自定义安装我们可以选择安装目录,选择好以后点击“Next”进入下一步。进入安装路径选择界面,如下图所示
第四章 开发环境搭建19887.png

图 4.8.6安装路径选择

       根据自己实际情况设置SecureCRT安装路径,设置好以后点击“Next”按钮,下一个界面让你选择是否在桌面创建图标,默认是需要创建的,所以我们不用做任何修改,直接点击“Next”,进入下图所示界面:
第四章 开发环境搭建20047.png

图 4.8.7安装确认

       点击上图中的“Install”按钮正式开始安装,等待安装完成界面,安装完成以后如下图所示:
第四章 开发环境搭建20150.png

图 4.8.8安装完成

       点击上图中的“Finish”按钮退出安装,至此SecureCRT安装成功,安装成功以后就会在桌面出现相应的图标,如下图所示:
第四章 开发环境搭建20270.png

图 4.8.9 SecureCRT图标

1.8.2SecureCRT使用
       SecureCRT功能很强大,支持SSH,可以用来远程登陆;支持串口,可以用来作为Linux开发板的串口终端。我们用的最多的就是将SecureCRT作为串口终端来使用。双击图 4.8.9所示的SecureCRT图标,打开SecureCRT,第一次打开界面如下图所示的无效许可对话框:
第四章 开发环境搭建20513.png

图 4.8.10无效许可

       因为SecureCRT也是付费软件,所以会弹出无效许可对话框,点击“OK”按钮,弹出序列号输入对话框,如下图所示:
第四章 开发环境搭建20629.png

图 4.8.11序列号输入

        如果购买了序列号的话就可以输入序列号进行注册,注册成功以后就会进入到SecureCRT主界面,如下图所示:
第四章 开发环境搭建20742.png

图 4.8.12 SecureCRT主界面

       我们以串口连接为例讲解如何使用SecureCRT,我们需要准备好一个能进行串口通信的设备,我们的领航者开发板就可以。领航者开发板出厂已经烧写了Linux系统,Linux系统在运行的过程中会通过串口输出信息,通过串口可以实现Linux命令行交互操作,就和Ubuntu里面的终端一样,使用方法如下:
       1、查看开发板当前使用的串口号
       首先通过USB线将开发板的串口和电脑连接起来,打开“设备管理器”,在设备管理器中查看当前连接到电脑的端口都有哪些,如下图所示:
第四章 开发环境搭建21037.png

图 4.8.13设备管理器

       在上图中可以看到有多个COM口,哪个才是我们开发板的呢?领航者开发板使用的CH340芯片完成串口转USB,所以“USB-SERIAL CH340(COM8)”就是我的开发板所使用的端口,串口号为COM8。如果你的电脑连接了多个CH340做的USB转串口设备,无法区分哪个才是开发板所使用的,只需要把你的开发板串口拔掉,看看哪个串口号消失了,然后再重新插上开发板的串口线,再看一下那个消失的串口号会不会重新出现,如果会的话那你的开发板就是用的这个串口号。
        2、设置SecureCRT
        我们已经知道了当前开发板所使用的串口号了,比如我的是COM8,打开SecureCRT,然后点击File->Quick Connect…,如下图所示:
第四章 开发环境搭建21412.png

图 4.8.14打开快速连接

       打开以后的快速连接界面如下图所示:
第四章 开发环境搭建21490.png

图 4.8.15快速连接

       按照下图所示进行设置:
第四章 开发环境搭建21560.png

图 4.8.16串口设置

       设置好以后点击“Connect”按钮进行连接,连接成功以后SecureCRT如下图所示:
第四章 开发环境搭建21663.png

图 4.8.17串口连接成功界面

       在上图中,左侧是会话列表,保存着历史会话,会显示出所有曾经连接的串口,这个在关闭SecureCRT以后会被保存起来,下次重新打开SecureCRT就可以直接使用这个串口会话连接进行快速连接。比如我们关闭SecureCRT,在关闭SecureCRT之前要先关闭所有的会话(串口),重新打开SecureCRT,如下图所示:
第四章 开发环境搭建21885.png

图 4.8.18重新打开SecureCRT

       上图中重新打开的SecureCRT保存这上次关闭之前建立的会话(串口)“serial-com8”,通过双击“serial-com8”可以重新连接会话(串口),不需要再使用快速连接对话框进行连接设置。
       领航者开发板默认出厂烧写了Linux系统,所以如果连接上SecureCRT以后会将串口作为终端,会输出Linux系统启动信息,并且可以通过SecureCRT来操作开发板中的Linux系统,此时SecureCRT就是开发板的终端,和Ubuntu中的终端一样,如下图所示:
第四章 开发环境搭建22187.png

图 4.8.19 SecureCRT作为Linux终端

       1.9Putty软件的安装和使用
1.9.1Putty软件安装

       Putty和SecureCRT是类似的软件,都是用来作为SSH或者串口终端的,区别在于SecureCRT是付费软件,而Putty是免费的。虽然Putty没有SecureCRT功能强大,但是Putty用来作为嵌入式Linux的串口终端是绰绰有余的,而且在Ubuntu下安装Putty十分方便,只需一条命令即可:
  1. sudo apt install putty
复制代码
       在Windows下安装Putty需要在指定网站下载软件包,网站地址为:https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html,网站界面如下图所示:
第四章 开发环境搭建22650.png

图 4.9.1 Putty下载界面

       可以看到Putty提供了32位和64位两个版本的软件,我们已经下载好放到开发板光盘中了,路径为:开发板资料盘(A盘) 6_软件资料/1_软件/Putty,有32位和64位两种,putty-0.70-installer.msi是32位版本的,putty-64bit-0.70-installer.msi为64位版本的,根据自己所使用的Windows系统选择合适的版本。因为我的电脑是64位系统,所以我使用的是putty-64bit-0.70-installer.msi,双击开始安装,安装界面如下图所示:
第四章 开发环境搭建22965.png

图 4.9.2 Putty安装界面

       点击上图中的“Next”按钮,进入下一步,下一步是选择安装路径,大家根据自己的实际情况选择一个安装路径,如下图所示:
第四章 开发环境搭建23087.png

图 4.9.3安装路径

        设置好安装路径以后点击“Next”按钮进入下一步,如下图所示:
第四章 开发环境搭建23176.png

图 4.9.4产品特性

        点击上图中的“Install”按钮,开始安装,安装完成以后如下图所示:
第四章 开发环境搭建23269.png

图 4.9.5安装完成

       点击上图中的“Finish”按钮退出安装。Putty安装完成以后桌面可能不会出现APP图标,自行找到安装目录,将Putty图标的快捷方式发送到桌面上即可,Putty图标如下图所示:
第四章 开发环境搭建23417.png

图 4.9.6 Putty图标

1.9.2Putty软件使用
       使用USB线将开发板串口和电脑连接起来,打开Putty软件,打开以后是配置界面,如下图所示:
第四章 开发环境搭建23535.png

图 4.9.7配置界面

       我们要用到串口功能,所以在左侧选择“Serial”,然后在右侧配置串口,配置完成以后如下图所示:
第四章 开发环境搭建23641.png

图 4.9.8串口配置

       按照上图配置好串口,配置好以后不要点击“Open”,我们还需要设置“Session”,设置如下图所示:
第四章 开发环境搭建23750.png

图 4.9.9打开串口

       按照上图设置好以后,点击“Open”打开串口,如果开发板里面烧写了Linux系统的话,Putty就会显示Linux启动过程的信息,并且作为开发板的终端,如下图所示:
第四章 开发环境搭建23890.png

图 4.9.10 Putty作为串口终端

        相比于SecureCRT,Putty开源且小巧方便,至于要用哪一个大家自行选择一个合适的,使用方面无本质差别。


阿莫论坛20周年了!感谢大家的支持与爱护!!

月入3000的是反美的。收入3万是亲美的。收入30万是移民美国的。收入300万是取得绿卡后回国,教唆那些3000来反美的!
回帖提示: 反政府言论将被立即封锁ID 在按“提交”前,请自问一下:我这样表达会给举报吗,会给自己惹麻烦吗? 另外:尽量不要使用Mark、顶等没有意义的回复。不得大量使用大字体和彩色字。【本论坛不允许直接上传手机拍摄图片,浪费大家下载带宽和论坛服务器空间,请压缩后(图片小于1兆)才上传。压缩方法可以在微信里面发给自己(不要勾选“原图),然后下载,就能得到压缩后的图片】。另外,手机版只能上传图片,要上传附件需要切换到电脑版(不需要使用电脑,手机上切换到电脑版就行,页面底部)。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

手机版|Archiver|amobbs.com 阿莫电子技术论坛 ( 粤ICP备2022115958号, 版权所有:东莞阿莫电子贸易商行 创办于2004年 (公安交互式论坛备案:44190002001997 ) )

GMT+8, 2024-4-26 22:49

© Since 2004 www.amobbs.com, 原www.ourdev.cn, 原www.ouravr.com

快速回复 返回顶部 返回列表