FPGA终于可以愉快地写代码了！Vivado和Visual Studio Code黄金搭档网站首页 技术杂谈

FPGA终于可以愉快地写代码了！Vivado和Visual Studio Code黄金搭档

FPGA狂飙 2023-06-02 20:00:02

简介FPGA终于可以愉快地写代码了！Vivado和Visual Studio Code黄金搭档

如果你是一位FPGA开发者，那么你一定会对VIvado这款软件非常熟悉。但是，对于vivado兼容的第三方编辑器软件，你知道Visual Studio Code吗？这是个非常不错的选择，Visual Studio Code搭配众多插件，能让你FPGA开发如虎添翼，效率飞升！别犹豫了，赶紧来看看本文，把这款神器装起来吧！

Visual Studio Code搭配插件，可实现verilog纠错、画波形图、变量定义跳转等功能，一起来体验吧。

一、Visual Studio Code 安装

1、下载Visual Studio Code

官网：Visual Studio Code - Code Editing. Redefined

在官网下载速度太慢，只有几十 Kb/s, 推荐网盘下载：VSCodeUserSetup-x64-1.77.3

2、安装Visual Studio Code

点击安装exe文件，除了安装位置修改一下，其余的一直点下一步即可。

二、Visual Studio Code中文显示设置

VSCode默认是英文语言环境，如果习惯了用中文，可以将VSCode设置成中文语言环境。

1、打开VSCode软件，按快捷键【Ctrl+Shift+P】或F1

2、在弹出的搜索框中输入【configure language】，然后选择【Configure Display Language】

3、在选择框中选择zh-cn即可

4、重启VSCode后界面就变成中文的了

三、常用插件推荐

输入快捷键“Ctrl + Shift +X”，打开扩展插件窗口。

1、Verilog HDL插件

输入“Verilog HDL”搜索即可，选择“Verilog-HDL/SystemVerilog/Bluespec”插件，点击安装即可。

2、vscode-icons插件

可以让文件图标变得更加美观

3、TCL Language Support

支持约束文件的语法高亮

4、绘波形图插件

Waveform Render可以在vscode中写一些代码实时生成对应的时序图了，官网教程：“Hitchhiker's Guide to the WaveDrom”。

创建一个test.txt文件

ctrl + shit + p 或F1 搜索toggle Live preview 可以打开和关闭实时预览。

编辑完指令后，回车即可自动显示

应用示例：

{ signal: [
{ name: "clk", wave: "p.....|..." },
{ name: "clk", wave: "10101010101" },
{ name: "cnt", wave: ".12345=.x", data: ["0", "1", "2", "3","4"] },
{ name: "脉冲1", wave: "0..10.|..." },
{ name: "脉冲2", wave: "0...10.|..." },
]}