Monaco Editor 是运行在浏览器环境中、为VS Code提供支持的代码编辑器。功能强大而且开源。 综合示例 界面参考 界面布局:echarts 示例页 异常提示:react-live 示例页 开发技术 React、Hook 布局方式 Flex 开源组件 编辑器:MonacoEditor 预览器:ReactLive
那么,怎么用vscode来敲代码呢? 设置VSCode为默认编辑器 首先,安装vscode 然后,在vivado的Tool选项卡里面,点击settings 选中下方的Text Editor,然后把current Editor改成Custom 接着,再次打开代码文件的时候,就会自动打开vscode来编辑啦 但是,这个时候是没有自动补全和代码高亮的,因此需要安装对应的插件。 最后,在vscode里面进行设置: 然后,在搜索框里输入verilog,然后,把下面的复选框选中xvlog 最后就是重启vscode,那就能看到自动的代码纠错功能啦~ 自动生成TestBench( +p,在弹出的窗口中输入testbench 于是在vscode下方的终端里,就出现了tb文件的代码,把它复制出来(VSCode的终端里面,复制就是选中文本之后,直接右键),加到新的测试文件里面就好了!
Javascript编程时的语法错误 Auto Rename Tag 自动重命名配对的HTML / XML标签 minapp 微信小程序标签、属性的智能补全 wechat-snippet 微信小程序代码辅助 vscode-pigments
stylefmt 自动格式化样式 ESLint 代码检查的插件 beautify 代码美化插件 Debugger for Chrome 让 vscode 映射 chrome 的 debug 功能,静态页面都可以用 vscode 来打断点调试 Add jsdoc comments 添加对选中函数的参数进行注释 javascript(ES6) code snippets 从node 不能理解,node 6.x为什么不支持import Instant Markdown 编辑Markdown文档,同时在浏览器预览 ? Markdown Shortcuts 编辑Markdown文档的快捷键 例如:快速生成表格 ? HTML Snippets 初级的 H5代码片段 ? 插件推荐 - 献给所有前端工程师(更新与2017.8.18) vscode: Visual Studio Code 常用快捷键
摘要 发现现在开发慢慢的已经离不开VScode强大的组件扩展功能。不管是上班偷懒的插件,还是编程的便捷插件应有尽有。 不过最近发现有一个非常适合我这种的工具--《code-server》 code-server是一款在线的vscode工具,只需要将 code-server 部署到自己的服务器之后,就可以通过浏览器使用在线版本的 vscode,很好的解决了远程编辑服务器文件的问题,方便好用。 像资源小的虚拟机,在虚拟机打开vscode是非常卡顿的。有时完全动也动不了。
app,当时很想支持一下国产,但是当项目越来越大时,会很卡,超级卡,如果几个项目同时启动,估计就会挂掉了 官网地址:http://www.dcloud.io/ vscode vscode是我今天要重点介绍的一款编辑器 ,微软开源,github-star:66k 官网地址:https://code.visualstudio.com/ 大概是从去年年初的时候接触到vscode,一直使用到今天,我并没有否定上面所列举的那些编辑器 ,只是vscode更适合我, 每个编辑器都有自己的优点、卖点。 vscode有一个很好的卖点,就是它支持中文,这是广大开发者的福利 vscode和很多编辑器一样通过扩展插件来完善自己的功能 vscode常用插件介绍 安装插件我有个重要的参考指标,就是下载量 ? vscode代码中的Git功能。
前言IDEA自带的反编译插件能打开jar反编译class,遗憾的是不能编辑class,有的时候我们需要修改jar的时候还需要解压,反编译class,然后新建.java,修改代码,再编译,最后打包jar。 我翻遍了IDEA插件市场并没有找到合适的直接编辑jar的插件,于是我打算简单花点时间写一个这样的插件,可以实现无需解压直接编辑jar内的文件。 功能介绍首先IDEA可以反编译jar,在jar内的class是可以直接打开看到反编译代码的,外部文件可以通过File->Project Structure->Libraries添加依赖然后反编译jar。 使用介绍在插件市场安装插件JarEditor后,可以在.class反编译文件中看到一个切换到Jar Editor的tab页这样编辑一个Jar包内class文件一气呵成无需解压也无需去敲命令。 子目录下,Build Jar会把会jar_edit目录的文件增量写入jar,最后再删除这个目录总结此IDEA插件JarEditor可无需解压直接编辑jar包内class和资源文件,感兴趣的朋友可以去试试
摘要 VScode 编辑器对中文支持很好,插件丰富,主题也好看,所以目前已经由 sublime 转投 Vscode 了。 在插件搜集中找到了可以自定义编辑器背景的插件background,炫酷的界面又可以优雅的装个叉了,所以立马上手尝试了一下。也对相关设置和过程进行一下记录。 一、安装插件 1.下载地址 VsCode 插件 Background 官方介绍:探个鲜 2.安装扩展 (1) 打开扩展列表 1). Pictures/jizhi.jpg", ], "background.useFront": false, // 默认透明度是100%,看起来生硬,不够炫酷 "background.style":{ // 编辑器显示文字 background.repeat":"no-repeat", "background-size":"contain", // 设置透明度 "opacity":0.1 } 每次修改后都需要重启 VSCode
前言 昨天凌晨,发现推特上热门的推文,内容是VS Code 团队将 AI 功能融入编辑器的核并保持其开源! 官方推特 正文 2025 年 5 月 19 日,VS Code 团队发布了一则令人振奋的消息:他们计划将 AI 功能融入编辑器的核心,同时保持其开源、协作和社区驱动的特性。 VS Code 团队邀请开发者加入这一开源 AI 编辑器的构建过程。社区可以通过关注官方迭代计划、查看常见问题解答或提交反馈来参与其中。 最后 总的来说,VS Code 将 AI 功能开源的决定标志着代码编辑器向智能化、社区驱动的未来迈出了重要一步。 通过这一举措,VS Code 不仅提升了自身的功能,还为开发者社区创造了更多可能性,随着 AI 技术的不断发展,VS Code 的开源 AI 编辑器计划无疑将在编程领域掀起新的浪潮!
--------------------------------------------------------------------- vscode如何多行同时编辑,vscode快速选中多行快捷键 二、不同多选情景的操作方案 1、使用 Alt + 鼠标点击选择任意行的任意位置 在当前编辑行的基础上: 按住 Alt, 点击所有你想编辑的行的具体位置。 这样就能同时显现多个闪烁的光标,也能同时编辑这几个位置。 在选中的矩形区域内,每一行都会插入一个光标,您可以直接开始同时编辑。 点击搜索框左侧的“查找所有”按钮(或按下 Alt + Enter),VSCode 会自动在所有匹配项上添加光标。 直接编辑即可同时修改所有匹配内容。
前言IDEA自带的反编译插件能打开jar反编译class,遗憾的是不能编辑class,有的时候我们需要修改jar包内class,需要解压->反编译class->然后新建.java->修改代码->再编译- >最后打包jar。 我翻遍了IDEA插件市场并没有找到合适的直接编辑jar的插件,于是我打算简单花点时间写一个这样的插件JarEditor,可以实现无需解压直接编辑jar内的文件。 这样编辑一个Jar包内class文件一气呵成无需解压也无需去敲命令。 ,Build Jar会把会jar_edit目录的文件增量写入jar,最后再删除这个目录
配置文件的名字都有各自的意义跟用途 dev 开发环境 prod 生产环境(默认) test 测试环境 加载指定配置文件 --spring.profiles.active=prod springboot加载jar java -jar bootdo.jar // 这种方式可以运行在后台,但是如果推出了shell的话,那也会挂 java -jar /bootdo-2.0.0.jar > bootdolog.file nohup java -jar /bootdo-2.0.0.jar > bootdolog.file 2>&1 & 解释 nohup表示永久运行。 nohup java -jar /bootdo-2.0.0.jar > bootdolog.file 2>&1 & ? 一两次还好说,如果涉及到多次,那就有些崩溃了。 这样,可以通过编写一个shell脚本来进行启动(start)停止(stop)重启(restart)操作,一步到位,方便高效 在自定义目录创建 wss.sh 脚本,编辑内容如下。 1 #!
先整理部分觉得不错的插件,体验一段时间再修改 一、常用插件 1.vscode-icon 让vscode的文件夹目录添加上对应的图标 ? 9.Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试 10.VueHelper snippet代码片段 二、vscode常用快捷键 列选择:ALT+左键 命令面板:F1 切出新编辑器:Ctrl + 左键文件 代码行缩进:Ctrl + [ 、Ctrl + ] 文件切换:Ctrl + Tab 转到行首/行尾: 格式化程序必须可用,不能自动保存文件,并且不能关闭编辑器。 "editor.formatOnSave": false, ? VsCode插件安装及推荐:https://blog.csdn.net/gossiphhh/article/details/78132398 2.vscode 插件推荐 - 献给所有前端工程师(2017.8.18
important; } custom.js nodeRequire('electron').remote.getCurrentWindow().setVibrancy('ultra-dark'); vscode 设置 在 vscode 的设置中添加: 这里注意 file 的地址要写成你上面两个文件的地址,如果是 macOS,形如 file:///Users/foo/Documents/foo/custom.css "vscode_custom_css.imports": [ "file:///Users/MyUserName/Documents/custom.css", "file:///Users/MyUserName /Documents/custom.js" ], "vscode_custom_css.policy": true vscode 命令 vscode 中执行命令: Reload Custom CSS and important; } 关键字高亮主题 必要插件 首先需要下载 synthwave-vscode[2] vscode 设置 安装上述主题后,在 setting.json 里面加 "terminal.integrated.rendererType
哇,那个VSCode的终端好丑,一定要整理一下才可以。 "terminal.integrated.fontFamily": "Menlo for Powerline", 或者 把以前的字删除 Menlo for Powerline 复制这个进去 重启VSCode
发表于2019-08-092019-08-09 作者 wind 多行编辑: 按住 ALT,用鼠标点多个要编辑的地方,然后编辑 按住ALT+SHIFT,用鼠标框选要编辑的区域 按住CTRL+ALT
0x00 VScode 快速入门 描述: VS Code 的全称是 Visual Studio Code,是一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器。 编辑器:要相对轻量许多,侧重于文本的编辑。比如 Sublime Text 的定位就是编辑器。再比如Windows 系统自带的「记事本」就是最简单的编辑器。 VSCode 的特点 使命是让开发者在编辑器里拥有 IDE 那样的开发体验,比如代码的智能提示、语法检查、图形化的调试工具、插件扩展、版本管理等。 VScode 快捷键 Visual Studio Code 是一款优秀的编辑器,对于开发前端带来了很多便利,熟悉快捷键的使用,能够起到事半功倍的作用,提高工作效率。 0x03 VSCode 插件 描述: VSCode 有一个很强大的功能就是支持插件扩展,此处作者将介绍在实践开发中常用的VScode插件,帮助我们提示工作效率以及辅助我们疯狂的Code,让你的编辑器更加强大
VScode无法在终端输入问题,提示:无法在只读编辑器中编辑 解决步骤如下: 进入设置 2.在设置中输入 run code config 找到里面的 run in terminal 打勾即可,往下滑动几秒就看到了
VsCode内置了Emmet语法,在后缀为.html/.css中输入缩写后按Tab键即会自动生成相应代码请注意在VsCode新版本中按Tab不再默认启用Emmet展开缩写!
Emmet语法是有很多高级用法的。例如模拟文本/随机文本和包装文本等等之类的操作。还有一些特别特别复杂的组合