精华内容
下载资源
问答
  • 这里记录下seebin使用vscode用到的插件扩展,我是一名前端开发者,这里也只针对前端人员用到的扩展:vscode-icons第一个就是官方推荐的文件图标插件,也就是左侧菜单文件栏显示出对应文件图标Sublime Material Theme...

    sublime、vscode、atom、HBuilder、webstorm这些作为新时代的编辑器,你会选择哪一款?

    这里记录下seebin使用vscode用到的插件扩展,我是一名前端开发者,这里也只针对前端人员用到的扩展:

    vscode-icons

    第一个就是官方推荐的文件图标插件,也就是左侧菜单文件栏显示出对应文件图标

    Sublime Material Theme

    对于一个会UI的我来说,这款编辑器默认主题确实不咋地,把sublime的主题拿过来就感觉不错了。——sublime 风格主题

    Dracula Official

    这也是一个非常好看的UI,我也有在用。

    Html Snippets

    如今html5这么流行,引进了一些有语义的标签,怎么可以少了html5标签的插件。

    Path Autocomplete

    当然这款路径自动补全也是必须的。

    Auto Close Tag

    自动闭合html标签

    Auto Rename Tag

    当修改html标签时,自动同步修改闭合标签

    JavaScript Snippet Pack

    身为一名javascript控,一些语法关键字,可能就需要这款插件了。

    Indenticator

    高亮缩进,必备

    TODO Highlight

    TODO字眼高亮,有写TODO习惯的的可以安装

    View In Browser

    在编辑器中用浏览器打开html文件。找不到在浏览器中打开html文件的快捷键?事实这款插件吧,使用系统默认浏览器预览页面(ctrl+F1)

    Open in Browser

    在编辑器中用浏览器打开html文件,我也有在用,同上面一个差不多,安装一个就可以了

    Word Count CJK

    markdown文件中文字数统计,有写博客文章的,想查看下当前所写的文字字数是多少,只统计中文字数,不会统计数字、标点符号与空格

    GitLens

    git用户必备

    REST Client

    直接在vscode里面调用请求,可以放弃使用postman了

    Debugger for Chrome

    直接在编辑器里面直接debug前端js代码,一般用于angular项目debug TS文件,当然也可以用于其他工程,得自己去配置了。

    CSS Formatter

    格式化css,轻量级

    IntelliSense for CSS class names in HTML

    在html文件中提示已经存在的css类名

    Code Spell Checker

    单词拼写检查, 错误的单词会提示一个波浪线。也可以将自己认为的单词加到setting文件中

    EditorConfig for VS Code

    在vscode侧边栏右键快速添加.editorconfig文件

    当然除了这几款还有很多,根据自己的情况去选择。我也会遇到有用的扩展也会及时更新到这里。

    再在给大家发一下vscode插件网址,可自行去搜索对自己有用的插件。

    展开全文
  • vscode 安装 arduino插件安装vscode安装arduino插件配置Arduino插件vscode安装好arduino插件后没有高亮显示和自动补全问题解决编译时输出提示部分汉字显示为乱码的问题解决测试新建一个测试文件在vscode里打开 ...

    安装vscode

    下载地址
    在这里插入图片描述

    安装arduino插件

    我的已经安装过了,所以没有那个蓝色的“install”按钮。你初次安装点击这个就可以安装了。
    在这里插入图片描述

    配置Arduino插件

    在这里插入图片描述
    找到电脑里arduino的安装路径,打开vscode,选择首选项->设置,搜索arduino。将刚刚复制好的arduino安装路径复制在arduino path设置里。
    在这里插入图片描述

    vscode安装好arduino插件后没有高亮显示和自动补全问题解决

    首选项->设置,搜索arduino,打开“edit in setting json”添加两句代码:

        "C_Cpp.intelliSenseEngineFallback": "Disabled",
        "C_Cpp.intelliSenseEngine": "Tag Parser",
    

    重启vscode后高亮显示且自动补全。
    在这里插入图片描述

    编译时输出提示部分汉字显示为乱码的问题解决

    语言->更改系统区域设置,勾选“Beta版:使用UTF-8”。
    在这里插入图片描述

    测试

    新建一个测试文件

    新建一个arduono项目文件。在这里插入图片描述

    在vscode里打开

    选择编译器,开发板类型和串口。然后“ctrl+alt+u”编译并上传到开发板中。
    在这里插入图片描述

    展开全文
  • 注意:要看需要去下载扩展,不要乱下载,否则大量的扩展会让vscode变成大型编辑器,导致系统跑不动,那么vscode的轻量级优点就没有了!Auto Close Tag— 自动闭合HTML标签(佳佳)Auto Rename Tag— 修改HTML标签时,...

    注意:要看需要去下载扩展,不要乱下载,否则大量的扩展会让vscode变成大型编辑器,导致系统跑不动,那么vscode的轻量级优点就没有了!

    Auto Close Tag — 自动闭合HTML标签(佳佳)

    Auto Rename Tag — 修改HTML标签时,自动修改匹配的标签(佳佳)

    beautify— javascript, JSON, CSS, Sass, HTML 代码高亮

    CSS Peek — 自动查找CSS文件

    Easy Sass — scss/sass文件保存可自动生成并同步编译成同名css文件

    Easy WXLESS — 微信小程序WXSS文件专用,保存可自动生成并同步编译成同名css文件

    File Peek — 鼠标移到路径名按住ctrl可打开文件(佳佳)

    GitLens — 显示文件最近的commit和作者,显示当前行commit信息

    JavaScript Snippet Pack — 代码片段(Tab或者Enter补全),Console命令,DOM — 文档对象模型,Loop,Function,Timer,NodeJS,BDD,Misc

    Live Server — http服务器(相当于使用nodejs的http-server,首选项-设置-用户设置可配置更改端口:”liveServer.settings.port”: 8999)

    npm — 运行npm命令

    npm Intellisense — 导入模块时,提示已安装模块名称

    OneDark-Pro — Atom’s ionic主题(首选项-颜色主题修改主题)

    Prettier-Code formatter — 代码格式化(四个空格缩进:”prettier.tabWidth”: 4)

    px2rem — px值转rem

    stylelint — CSS/SCSS/LESS检查工具 (首选项-设置-用户设置配置: “stylelint.enable”: true, “css.validate”: false, “scss.validate”: false )

    Vetur — Vue语法高亮

    VSCode Great Icons — 文件图标(首选项-文件图标主题修改)

    vue — Vue语法高亮( 首选项-设置-用户设置配置: “emmet.syntaxProfiles”: { “vue-html”: “html”, “vue”: “html” })

    Vue 2 Snippets — 基于最新的 Vue 官方语法高亮文件添加了语法高亮,并且依据 Vue 2 的 API 添加了代码补全

    Vue Peek — 查找vue组件文件

    VueHelper — vue代码提示插件,包括了vue2所有api,vue-router2和vuex2的代码提示

    Bracket Pair Colorizer :对括号对进行着色,再也不会搞不清状况了。(佳佳)

    vscode-icons:根据后缀名对应显示不同的图标(佳佳)

    PHP Intellisense - Crane:对PHP代码编辑的扩展

    PHP IntelliSense:对PHP代码编辑的扩展

    IntelliSensefor CSSclass names:CSS类名工具

    展开全文
  • vscode默认的高亮显示背景色和前景色对比不太明显。尝试更改了多次,都不怎么有效。今天终于找到个有效的。打开vscode的设置项。搜索workbench.colorCustomizations,然后打开settings.json设置文件。添加相应的...

    在visual studio上使用高亮颜色插件使用习惯了。就是使用绿底白字插件。但是在vscode中的相应插件,不知道是怎么回事,我家里电脑上起作用,但是公司电脑上安装相应的插件,死活不起作用。而vscode默认的高亮显示背景色和前景色对比不太明显。尝试更改了多次,都不怎么有效。今天终于找到个有效的。打开vscode的设置项。搜索workbench.colorCustomizations,然后打开settings.json设置文件。添加相应的设置如下:

    "workbench.colorCustomizations": {
            "editor.selectionHighlightBackground": "#288603",
            "editor.selectionBackground":"#288603",
            
        }

    绿底白字的高亮显示又有了。

    参考资料: https://code.visualstudio.com/api/references/theme-color

    展开全文
  • 在setting–>User–>Text Editor–>Files–>setting.json里面增加下面代码: “files.associations”:{ “*.vue”: “html” }
  • vscode julia1.0 插件

    千次阅读 2018-08-25 17:48:59
    安装插件 点击vscode 扩展或ctrl+shift+x 搜julia 并安装...注:此插件全部只支持0.6,1.0版代码提示与高亮显示可配合默认终端使用 附插件github地址:https://github.com/JuliaEditorSupport/julia-vscode/...
  • VScode优化和插件推荐

    2020-03-28 21:38:31
    Auto Close Tag 自动闭合标签Auto Rename Tag 尾部闭合标签同步修改Live Server 实时预览Bracket Pair Colorizer 用不同颜色高亮显示匹配的括号Highlight Matching Tag 高亮显示匹配标签Vscode-icons VSCode ...
  • php中文网最新课程每日17点...2、highlight matching tag,自动高亮显示结束括号/标签;3、bracket pair colorizer,为嵌套的各种括号添加不同颜色;4、path intellisense,智能路径提示;5、markdownlint,优秀的 ...
  • VSCode 前端常用插件

    2020-03-19 08:57:01
    Codelf 变量命名神器 2、Bracket Pair Colorizer ...高亮显示对应的HTML标签以及标识出对应的各种括号 4、Prettier - Code formatter 格式化代码 5、Auto Close Tag 自动补全标签 6、Auto Rename Tag 自动重命名...
  • Auto Rename Tag自动重命名标签在你更改标签名的时候,它会帮你...BeautifyHTML、CSS、JS、JSON SASS语法高亮,格式化代码的工具ctrl+shift+p输入beautify就有提示。Better Comments不同的注释显示不同的颜色,*,?...
  • 解决vscode插件安装不成功,xxx.vue高亮插件问题 提示:vue插件 vue中 xxx.vue 的插件,没安装之前是黑白显示,安装之后彩色。语法高亮插件是 “Vue 3 Snippets Highlight Formatters And Generator”,可以直接在...
  • 小程序的wepy框架会生成后缀名为.wpy的文件,此文件用VScode打开时并不是高亮的,官方文档给我们提供了两种方案进行高亮 方案一:   1. 在 Code 里先安装 Vue 的语法高亮插件Vetur。   2. 打开任意.wpy文件。...
  • vsCode 代码不高亮显示的问题

    千次阅读 2019-12-17 10:48:05
    安装Vetur插件 点击左侧菜单的扩展--》搜索Vetur--》点击安装--》安装完成重启vsCode
  • 前言:习惯了常用的vscode,并且在vscode中有许多自己个人代码片段和配置插件会给我们开发提高效率。而当我们要开发小程序时,用微信开发者工具来编写代码有诸多不便之处:如less不能自动帮我们转换成wxss;许多语法...
  • vsCode常用插件(汉化,高亮)

    千次阅读 2019-12-30 22:10:39
    一、汉化 1.这里需要使用快捷键【Ctrl+Shift+P】 2.在弹出的搜索框中输入...二、高亮显示vue文件 1.安装插件:vetur。打开VScode,Ctrl + P 然后输入 ext install vetur 然后回车点安装即可。 2.在 VSCode中使...
  • .swan文件高亮显示 API智能提示 代码片段补全 可用设定 在开始使用vscode-swan前,您可以通过用户设置来开启或替换API的智能提示,替代为以下设置,即开启状态 { "vscode-swan.disableAPISuggestion": false } 尖端...
  • vscode 常用插件

    2020-10-18 22:31:22
    vscode 常用 插件 基础 Chinese (Simplified) Language Pack for Visual Studio Code vscode 中文包 Path Intellisense 路径自动补全 Code Spell Checker ...高亮显示匹对的开始和/或结束标签 Int
  • vscode常用插件

    2021-03-08 20:41:34
    1.vscode的中文包 ... 2.css代码提示 3.运行代码 ... 5.在vscode中查看图片 ...13.VsCode中的图标插件,可以控制vscode中的文件管理的树目录显示图标 14.vscode设置自动保存,及字体大小设置 15.vscode背景设置 ps
  • minapp 支持微信小程序标签、属性的智能补全,并且提示中包含文档内容(同时支持原生小程序、mpvue 和 wepy ...这款插件用于将wxml代码进行高亮显示,并且提供代码格式化的功能,可将代码格式化为较易阅读的样式。 ...
  • Focus突出显示当前代码行、代码块,帮助你专心于眼前。Features高亮当前行。根据配置,高亮固定的行数。高亮代码块,根据缩进高亮,适合 Python 。高亮代码块,高亮以 "{" 和 "}" 包裹的代码块。Usages点进链接或者...
  • VScode Python插件

    千次阅读 2018-09-17 09:19:25
    Bracket Pair Colorizer: 括号颜色显示 Output Colorizer: log高亮 vscode-fileheader: 一个有意思的自动签名 vscode-icons: 文件图标 Git History: Git 工具 Markdownlint: Markdown工具 Markdhuanjing 环境....
  • vscode script 中的代码没有高亮显示

    千次阅读 2020-05-06 11:29:03
    最近在开发的时候打开.vue文件的时候,发现script,style标签中的代码都没有了语法高亮显示,只有temlate中的有高亮显示,所以上网查了下,原来是需要一个安装一个 Vue 2 Snippets插件: 1.安装 Vue 2 Snippets ...
  • vscode-插件

    2018-12-24 14:15:10
    3 vue 文件的基本语法高亮插件 4 Vue代码自动补全插件 5 自动生成Bootstrap代码段插件 6 树目录显示图标插件 7 CSS样式提示插件 8 jQuery提示插件 9 路径补全插件 10 同步修改结束标签名称的插件   1 ...
  • 代码灰不溜秋,看着不适应 高亮显示的办法: 打开商品扩展,搜索“devicetree” 安装这个插件,安装后再来看代码,已经高亮。
  • 因为甚少有人正确回答,其实很简单,安装插件cmake,居然被少有的几篇博客带偏, 最后bing了国际版得到国际友人的指点 https://github.com/microsoft/vscode-cmake-tools/issues/534 没啥就是安装插件cmake

空空如也

空空如也

1 2 3 4 5 ... 7
收藏数 133
精华内容 53
关键字:

vscode高亮显示插件