Sublime配置verilog开发环境-具备语法高亮、代码补全、自定义代码段及语法检查等功能,提升FPGA开发效率!

Sublime配置verilog开发环境-具备语法高亮、代码补全、自定义代码段及语法检查等功能,提升FPGA开发效率!

        对于在学习FPGA开发之前使用过其他集成开发工具如VS、pycharm、keil或编辑工具如Sublime、VScode、Notepad的朋友,在使用Vivado时可能会像博主一样感觉自带编辑器用起来不太舒服,比如不支持语法高亮显示,不支持代码自动补全等功能。因次,使用第三方编辑器来编写Verilog代码是很有必要的。 本文将详细介绍如何在文本编辑器Sublime中配置verilog开发环境,最终实现语法高亮、代码补全、自定义代码段及语法检查等功能,使得可以在Sublime中高效编写verilog代码,大幅提升FPGA开发效率!附带自己在配置中的踩坑经验,希望朋友们按着下面的流程走可以一步配置到位!下面两图为使用Vivado编写代码及使用Sublime编写代码的对比图。

1.Sublime的介绍与安装配置

        Sublime Text,是一款由 Sublime HQ 开发的跨平台轻量级代码编辑器,以 “启动快、插件丰富、自定义性强” 为核心特点,广泛用于代码编写、文本编辑和开发效率提升,支持 Windows、macOS、Linux 三大操作系统。

        其安装去官网下载即可:Sublime Text - Text Editing, Done Right

        选择自己需要的版本下载,本文下载并进行配置的是Sublime Text3,以管理员身份运行安装程序,一直next即可,选择安装路径时可以选择默认路径,如果想选择其他盘,注意安装路径一定不要有空格中文或括号等特殊字符!!!否则后续配置verilog会出问题!!

        下一步是安装一些必要的插件,类似于VScode安装插件。首先是要安装个安装插件的插件,即Package Control。打开sublime,使用快捷键“ctrl+shift+p”,在弹出的框内输入“install package control”,单击install package control。如下图所示(我这里已经安装过,第一次安装是显示install package control),注意点击过后要等待一段时间安装,左下角会显示安装过程,安装成功会弹出安装成功窗口。

        安装了package control之后便可以安装其他插件了。同样使用快捷键“ctrl+shift+p”,在弹出的框内输入“install package”,单击进入到install package中,如下图所示

        等几秒弹出如下输入框说明成功

        然后在框中输入“ChineseLocalizations”并单击进行汉化配置(熟悉英文界面的可以跳过)。注意Sublime中安装插件的安装过程都会在界面左下角显示,需要等一会,成功后会自动弹出安装成功界面。之后同理接着输入“ConvertToUTF8”并单击下载,这个插件可以将其他编码格式的文件以UTF8打开,解决可能出现的中文乱码问题。

2.Sublime中配置verilog开发环境

        上面进行了Sublime Text软件的安装与基本配置,下面来在其中配置verilog开发环境,首先是在Sublime Text软件中安装支持verilog语言的插件,同样“ctrl+shift+p”并在输入框输入“install package”进入到install package中,输入“Verilog”,单击安装即可,如下图所示,我这里安装过了所以没有显示,记得单击的是“Verilog”。等待安装完成并弹出成功界面。

        安装“Verilog”成功后,此时软件已经支持verilog语言,可以进行代码高亮显示,但代码补全、自定义代码段及语法检查等功能还是不支持,此时需要安装并配置支持更多功能的Iverilog,下载地址为Icarus Verilog for Windows.

        我这里选择的是最新版本,下载后管理员身份运行,一路NEXT。同样注意安装路径不要有空格中文或括号等特殊字符

        下一步回到Sublime软件中安装插件sublimelinter和sublimelinter-contrib-iverilog,同理“ctrl+shift+p”并在输入框输入“install package”进入到install package中,输入“sublimelinter”和“sublimelinter-contrib-iverilog”后单击,等待安装成功并弹出Package control Message界面。在首选项->Package Settings中可以看到已安装好的SublimeLinter-contrib-iverilog和sublimelinter。

        在完成Iverilog和插件sublimelinter和sublimelinter-contrib-iverilog的安装后,需进行配置使得sublimelinter能够调用Iverilog工具实现代码补全、语法检查等功能。进入“首选项->Package Settings->Sublimelinter->Settings”。

        点击后会进入sublimelinter的设置界面,如下所示,左侧为默认设置,不要修改。右侧为用户配置界面,添加红框中的内容,修改蓝框中的路径为刚才下载安装的iverilog的安装路径

        代码如下,可复制对应修改。

// SublimeLinter Settings - User { // "debug": true, "paths": { "linux": [ "/usr/local/iverilog/bin", ], "osx": [], "windows": [ "D:\\iverilog\\bin", ], }, "linters": { "iverilog": { "disable": false, "args": ["-i"], // add the "-i" flag "excludes": [], }, }, } 

        保存好后回到回到Sublime软件中会发现verilog代码支持代码补全、自定义代码段及语法检查等功能。配置结束!

Read more

【面试分享】前端 React 50个基础高频面试题,助你轻松拿 offer!

【面试分享】前端 React 50个基础高频面试题,助你轻松拿 offer!

目录 前端基础高频面试题之-- React 篇 1、什么是React? 2、React有什么特点? 3、列出React的一些主要优点。 4、React有哪些限制? 5、什么是JSX? 6、为什么浏览器无法读取JSX? 7、React中的组件是什么? 8、怎样解释 React 中 render() 的目的。 9、什么是 Props? 10、React中的状态是什么?它是如何使用的? 11、 React 中的箭头函数是什么?使用箭头函数的好处? 12、什么是高阶组件(HOC)? 13、你能用HOC做什么? 14、什么是纯组件? 16、什么是React 路由? 17、为什么 useState 返回的是数组而不是对象? 18、如何实现

打破壁垒:Figma MCP与前端代码的无缝衔接

快速体验 1. 打开 InsCode(快马)平台 https://www.inscode.net 2. 输入框内输入如下内容: 开发一个Figma转代码工具,专门处理MCP组件,输出:1.React/Vue组件代码 2.配套CSS/Sass样式 3.Storybook文档 4.单元测试模板 5.设计Token映射文件。要求支持自定义代码模板,增量更新和差异对比功能。使用TypeScript实现。 1. 点击'项目生成'按钮,等待项目生成完整后预览效果 最近在团队协作中,我们遇到了一个很实际的问题:设计师用Figma做的Master Component(MCP)组件,到了开发这边总要重新手写代码实现,不仅效率低,还容易产生设计走样。于是我们决定开发一个Figma转代码工具,让设计稿能直接生成可用的前端代码。这里分享下我们的实现思路和经验。 1.

Web-Check+cpolar:全方位检查网站还能随时随地访问,太方便了!

Web-Check+cpolar:全方位检查网站还能随时随地访问,太方便了!

文章目录 * 前言 * 1.关于Web-Check * 2.功能特点 * 3.安装Docker * 4.创建并启动Web-Check容器 * 5.本地访问测试 * 6.公网远程访问本地Web-Check * 7.内网穿透工具安装 * 8.创建远程连接公网地址 * 9.使用固定公网地址远程访问 前言 Web-Check 能分析网站的 IP 信息、SSL 证书、DNS 记录、性能和安全配置等,适合网站开发者、运维和安全人员使用,优点是信息全面,能一键获取网站多维度数据。 使用时发现它对新手很友好,操作简单,不过检测结果需要一定专业知识解读,建议结合实际需求重点关注关键指标,如开放端口和 SSL 配置。 但它默认只能在局域网内使用,要是想和异地团队共享检测结果,或者在外网随时查看网站状态,就很不方便,得依赖复杂的网络配置。 而搭配 cpolar 后,能生成公网访问地址,

【Actix Web】Rust Web开发实战:Actix Web框架全面指南

【Actix Web】Rust Web开发实战:Actix Web框架全面指南

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,ZEEKLOG全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Rust开发,Python全栈,Golang开发,云原生开发,PyQt5和Tkinter桌面开发,小程序开发,人工智能,js逆向,App逆向,网络系统安全,数据分析,Django,fastapi,flask等框架,云原生K8S,linux,shell脚本等实操经验,网站搭建,数据库等分享。 所属的专栏:Rust语言通关之路 景天的主页:景天科技苑 文章目录 * Rust Web开发 * 一、Actix Web框架概述 * 1.1 Actix Web的特点 * 1.2 Actix Web与其他Rust框架比较