免费参与
RTL开发中使用到的VSCode编辑插件安装讲解
5.0
977人已购买
有效期: 永久

课程资料下载

链接:https://pan.baidu.com/s/1NZxgxncxkJa79LOYncfrKQ 

提取码:4oxl 

复制这段内容后打开百度网盘手机App,操作更方便哦


第一讲、VScode编辑器软件安装

实验概况

安装VScode软件及各个支持库,完成对Verilog代码自动补全和语法错误检查。

实验目的

熟悉软件安装方法,为开发做好充足准备

软件

VScode、以及各个插件

硬件

电脑

目录

第一讲、VScode编辑器软件安装1

1.软件基本介绍:2

2.VSCode软件安装2

2.1VSCode软件安装2

2.2VScode编辑器设置中文环境5

3.插件安装8

3.1verilog 语法高亮和自动例化功能8

3.2iverilog语法检查功能13

3.3生成testbench模板功能18

3.4使用代码片段生成文件头23

3.5绘制波形插件26

3.6绘图组件27

3.7颜色主题更改28

4.关联ISE软件29

5.关联vivado 软件30





  1. 软件基本介绍:

VSCode是一款免费开源的现代化轻量级代码编辑器,在IT开发领域有广泛应用,在语法高亮、代码补全等功能表现很出色。

作为工程师通常在使用开发环境的时候都会选择一个适合自己习惯和审美的编辑器。Vs Code作为微软的编辑器曾被称为良心,它是一款免费开源的代码编辑器,支持现今主流的开发语言,支持插件扩展,可以在应用商店中直接找到对应的插件工具进行安装,并且卸载也十分方便,如果大家有兴趣可以自行设计喜欢的插件来改变Vs Code的界面和功能。使自己的开发环境与众不同且灵活高效

  1. VSCode软件安装

  2. VSCode软件安装

第一步双击运行如下安装程序(Tools目录下提供了)

第二步按照截图设置安装选项

默认路径即可设置安装路径,不要中文目录

勾选如图的这些选项

选择安装


  1. VScode编辑器设置中文环境

打开vscode编辑器

点击左侧工具栏的extensions或者使用快捷键【Ctrl+Shift+X】,输入chinese,点击Install安装中文简体

安装中文简体语言环境

显示如下界面安装完成

配置语言环境

使用快捷键【Ctrl+Shift+P】弹出查找命令框,输入language, 找到Configure Display Language,点击,选择locale属性为"zh-CN",如下图所示:

输入language搜索配置选项然后选中如图所示Configure Display Language

选择ZH-CN

重启软件显示中文语言包

重新打开后显示中文

到此VSCODE安装成功,接下来安装插件!

  1. 插件安装

  2. verilog 语法高亮和自动例化功能

插件名称 Verilog-HDL/SystemVerilog/Bluespec SystemVerilog

支持语法高亮、例化模板、UCF和XDC的语法、verilog 语法检查等等。

下载ctags-win32插件,不想下载可以在我给出tools目录下找到

我再C盘建立如下ctags文件夹

将下载的ctags压缩包解压到上边的C盘/edatools/ctags目录

解压完成后

设置ctags的目录

设置ctags.exe的解压路径,你解压到什么路径设置什么路径,否则无法支持自动例化功能

点击file 打开文件夹

打开tools文件夹,双击打开testa.v

Ctrl+shift+p调出命令行窗口输入 verilog insta 匹配出如下命令

选择要例化的模块.v

在第27行出现例化的代码

到此为止完成自动例化功能配置。

  1. iverilog语法检查功能

第一步以管理员身份运行如下安装程序

第二步按照截图设置安装选项

设置安装路径,不要中文目录

选择安装软件库

设置环境变量:(注意关闭杀毒软件否则添加不成功还需要手动添加)

手动添加环境变量方法:

右键点我的电脑->属性->高级->环境变量

在path变量下加入如下属性

C:\xxxxx\iverilog\bin (xxxxx根据自己目录选择)

C:\xxxxx\iverilog\gtkwave\bin (xxxxx根据自己目录选择)

如下图我电脑设置

测试软件安装成功否

打开计算机开始->运行->CMD(回车)

打开CMD窗口后输入如下命令iverilog

如果提示信息和如下一致表明安装成功,如果提示未找到iverilog命令,请检查环境变量是否设置成功。

打开已安装的插件设置vscode

Arguments 输入-i

Linter 选择 iverilog

打开testa.v

删除一个分号,CTRL+S保存文件提示语法错误

到此为止语法检查配置完成。

  1. 生成testbench模板功能

安装python 3以上的环境

https://www.python.org/downloads/release/python-373/

tools目录下点击安装

取消路径长度字符限制

然后close掉就可以了!

打开cmd窗口

在cmd窗口输入python即可验证是否安装成功!

安装verilog_testbench插件,打开vscode的插件上电搜索

安装完毕后,打开tools目录,找到压缩包chardet-4.0.0.tar.gz

我再C/edatools/目录下建立一个chardet的目录用来存储以上解压包的解压文件。

解压到新建的chardet目录

打开cmd窗口

输入 cd c:\ 然后回车

输入 cd edatools/chardet 回车这里是我的目录如果解压到其他目录请输入自己的目录地址

输入 python setup.py install

回到vscode编辑器界面,此时一定要打开testa.v当然可以是其他.v我们验证生成testbench工程

Ctrl+shift+p调出命令窗口输入 testbench


  1. 使用代码片段生成文件头

  添加一个代码片段,代码片段可以选择支持的语言什么的。scope字段后面是支持的语法,没有这个字段,那就是使用vscode的时候,所有文件都可以使用这个代码片段。prefix字段是代码片段的快捷方式,输入对应的代码,就可以添加代码片段了。body 里面就是代码片段的具体内容了。代码片段的内容需要在 " " 两个引号里面,每一行都需要。

新建全局片段


黏贴到里边去

     "v3eud header": {        "scope": "verilog,systemverilog",        "prefix": "v3hd1",        "body": [            "// -----------------------------------------------------------------------------"            "// Copyright (c) 2014-2020 All rights reserved"            "// -----------------------------------------------------------------------------"            "// Author   : v3eduyky@126.com"            "// File     : $TM_FILENAME_BASE"            "//wechat        : 15921999232"            "// Create   : $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE"            "// Revise   : $CURRENT_YEAR-"            "// Editor   : Vscode, tab size (4)"            "// Functions : "            "//                "            "// -----------------------------------------------------------------------------"        ],        "description": " file header"     }

打开testa.v 输入v3hd1


  1. 绘制波形插件

在插件中心搜索

使用这个绘图软件需要创建一个json脚本文件,新建文件保存为文件后缀为.json即可

输入如下测试代码

{ signal: [  { name: "clk",         wave: "p.....|..." },  { name: "Data",        wave: "x.345x|=.x", data: ["head", "body", "tail", "data"] },  { name: "Request",     wave: "0.1..0|1.0" },  {},  { name: "Acknowledge", wave: "1.....|01." }]}


保存执行并按如下快捷键  ctrl+k 紧接着按ctrl+d 左侧会显示波形

还可以打开实时预览波形,更改波形代码实时预览 ctrl+k 紧接着按 ctrl+L

点击波形图片可以右键保存

  1. 绘图组件

在插件中心搜索Draw.io插件

此软件可以替代visio绘制模块流程图

使用方法创建一个.drawio后缀的文件打开就可以创建


在文件中保存为xxxx.png即可导出图片。

我习惯使用浅色主题


  1. 颜色主题更改


  1. 关联ISE软件

打开vscode的快捷方式属性面板

复制目标中的路径

打开ISE软件,edit->prefernces

选择自定义的编辑器

大括号中是vscode的启动文件目录替换为之前你复制的目录,大括号之外的$1 –n$2也必须复制进去

{C:\Users\MAKERW\AppData\Local\Programs\Microsoft VS Code\Code.exe} $1 -n$2


ISE中双击.v文件即可完成启动vscode编辑

  1. 关联vivado 软件

打开vscode的快捷方式属性面板

复制目标中的路径

打开vivadao 工具

注意最后的[file name] -l[line number] 一定要加不然无法调用vscode

C:\Users\MAKERW\AppData\Local\Programs\Microsoft VS Code\Code.exe  [file name] -l[line number]


双击vivado中的demo.v在vscode 中打开

评价
{[item.add_time_int*1000|ymdDate]}
{[ item.content ]}
课程暂无评价~
点击加载更多