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

Microsoft Edge WebView2 Runtime(运行库)快速部署 + 调试指南(精简实用、适配开发 + 用户双场景)

Microsoft Edge WebView2 Runtime(运行库)快速部署 + 调试指南(精简实用、适配开发 + 用户双场景)

WebView2运行库 v143.0.3650.139 x64 精简安装(下载) 一、WebView2 Runtime 快速安装部署(用户 / 开发通用,必做) ✅ 1. 系统预装情况 ▸ Windows 11 系统 默认自带 常青版 WebView2 运行库,无需手动安装;▸ Windows 10/7/8.1 需手动安装,缺失则调用 WebView2 控件的软件会弹窗报错「缺少 WebView2 运行环境」。 ✅ 2. 两种官方安装方式(推荐) 方式 1:常青版(Evergreen Runtime)- 首选 ▸ 特点:体积小(引导包仅

By Ne0inhk
【前端实战】构建 Vue 全局错误处理体系,实现业务与错误的清晰解耦

【前端实战】构建 Vue 全局错误处理体系,实现业务与错误的清晰解耦

目录 【前端实战】构建 Vue 全局错误处理体系,实现业务与错误的清晰解耦 一、为什么要做全局错误处理? 1、将业务逻辑与错误处理解耦 2、为监控和埋点提供统一入口 二、Vue 中的基础全局错误处理方式 1、Vue 中全局错误处理写法 2、它会捕获哪些错误? 3、它不会捕获哪些错误? 4、errorHandler 的参数含义 三、全局错误处理的进阶设计 1、定义“可识别的业务错误” 2、在 errorHandler 中做真正的“分类处理” 3、补齐 Promise reject 的捕获能力 4、错误处理的策略化封装 四、结语         作者:watermelo37         ZEEKLOG优质创作者、华为云云享专家、阿里云专家博主、腾讯云“

By Ne0inhk

Vue第四篇:组件通信 + DOM 更新 + 过渡动画

Vue 组件化开发中,组件之间传数据(组件通信)是核心需求,DOM 更新时机、元素动效也是前端开发高频场景。 一、自定义事件:子组件向父组件通信的优雅方式 为什么需要自定义事件? 在父组件中,我们通过props向子组件传递数据。但当子组件需要向父组件传递数据时,就需要自定义事件了。 核心作用 自定义事件是子组件给父组件传数据的专属方式(只能子传父)。原理很简单:父组件给子组件绑定一个自定义事件,子组件触发这个事件并传递数据,事件的回调函数写在父组件里,就能轻松拿到子组件的数据。 两种绑定方式对比 方式1:直接在模板中绑定(简洁) <!-- 父组件 App.vue --><template><div><!-- 通过@绑定自定义事件 --><ChildComponent @child-event=

By Ne0inhk

小白入门:前端前端调用 AI 接口全流程(附具体案例)

很多前端新手在调用 AI 接口时会犯怵:不知道 “怎么怎么传参数?”“流式响应怎么处理?”“不同功能(润色 / 扩写)调用方式不一样吗?” 其实很简单!本文以 “智能文本处理工具” 为例,手把手教你从 0 到 1 调用 AI 接口,包含润色、扩写等功能,看完就能上手。 准备工作:先看懂这 3 个核心文件 在开始前,我们需要明确项目中 3 个关键文件的作用(这些文件你可能已经有了,只是不知道怎么用): * vite.config.js:配置后端接口代理,解决跨域问题 * apiClient.js:封装好的 HTTP 请求工具,帮你发请求 * aiService.js:封装好的 AI 功能函数(

By Ne0inhk