这里保存一下vscode的插件和配置信息 { // 以像素为单位控制字号。 ": [".js", ".vue"] }, "editor.renderIndentGuides": true, "vetur.format.defaultFormatter.ts": "vscode-typescript workbench.editor.enablePreview": false, "todohighlight.isEnable": true, "LineCount.excludes": [ "**/.vscode
常用插件 一、常用插件 1.1 中文翻译 Chinese (Simplified) Language Pack for Visual Studio Code 1.2 浏览器快速打开 open in browser 1.7增强Git功能 GitLens 增强VSCode中内置的Git功能——通过Git blame注释和代码透镜,一眼就能看到代码作者的身份,无缝导航和探索Git存储库,通过强大的比较命令获得有价值的见解 查看和搜索历史 比较分支/提交记录/文件 更多~ 1.9路径智能提示 Path Intellisense 加入此插件让我们在应用文件(例如图片)时,有智能的路径提示。
Vscode常用插件 1. Chinese 一款VSCode汉化插件 2. Auto Rename Tag 修改一个标签时,自动重命名配对的标签 5. carbon-now-sh 为代码创建漂亮的图片 效果 使用 安装好插件以后,在VSCode中选中要生成的代码,然后按 Markdown All in One Markdown All in One 是 VSCode 热门的 Markdown 插件,可以在左边书写,右边即时预览。 16. // 在对象或数组最后一个元素后面是否加逗号(在ES5中加尾逗号) } 20. Simple icons 可以使VScode左侧的资源管理器根据文件类型显示图标 23. Todo Tree 待办事项插件 24.
常用插件整理 Beautify # 格式化html js css代码 vscode-icons # ", "*.lbi": "html", "*.tpl": "html", "*.vue": "html" }, "window.zoomLevel": 0, // beautify 插件配置 true, "unformatted": [ "" ], "css": { "indent_size": 4 } }, "workbench.iconTheme": "vscode-icons ", "[php]": { }, // php debug 插件配置 "php.validate.executablePath": "E:/phpstudy_pro/Extensions/ php/php7.3.4nts/php.exe", "breadcrumbs.enabled": true, // php DocBlocker 插件配置 "php-docblocker.gap"
分享一下本人目前正在使用的一套超级舒服的Vs Code插件与配置(只有开发写代码时用的,没有摸鱼时用的),每一个插件的功能就不一一介绍了,直接上菜!!! 第一屏插件 第二屏插件 settings.json文件的配置如下 { //控制编辑器是否自动格式化粘贴的内容。 "editor.formatOnSave": true, //定义一个默认格式化程序 "editor.defaultFormatter": "esbenp.prettier-vscode", //针对某种语言 // "[vue]": { // "editor.defaultFormatter": "esbenp.prettier-vscode" // }, //禁止vetur产生提示警告 "vetur.ignoreProjectWarning 插件采用的文件图标 "workbench.iconTheme": "vscode-icons" } 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。
1.打开VSCode 点击箭头指示地方 在搜索框中输入chinese 然后安装中文简体 2.按住 Ctrl+shift+p 选择配置显示语言 然后会看见下面的样子 添加 “locale ”:”zh-CN” 屏蔽以前的英文模式 然后关闭vsCode 重启即可 个人设置 mark 一下 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/167622.html
VSCode有丰富的扩展,从简单的用户界面(UI)更改到高级漏洞检测。本文重点介绍后者,突出了五个VSCode扩展,帮助我们编写更安全的代码并保持安全最佳实践。 我们还可以选择自定义这些设置: ESLint还有自己的一套插件,比如安全插件,可以发现不良的安全实践,包括使用不安全的正则表达式或`eval`函数。 我们可以在VS Code中使用这个插件来检查正在开发的代码,确保应用程序是安全的,并在代码通过构建流程之前解决问题。 5、Snyk 检测和修复代码中的漏洞对于构建安全的软件系统至关重要。 Snyk VSCode 扩展通过在 VSCode 编辑器中提供漏洞扫描和修复功能,解决了这个问题。该扩展会扫描代码中的以下问题类型: 开源安全——我们项目中使用的开源依赖中的安全漏洞。 最后,Snyk VSCode扩展可以快速准确地扫描代码中的漏洞。 在安装VSCode扩展之前,重要的是要研究一下扩展和背后的公司。
1.中文插件 Chinese (Simplified) Language Pack for Visual Studio Code Auto Close Tag (自动补全html标签) Bracket Pair Colorizer(括号颜色不同,更容易看) 代码括号颜色会对应,更容易看 Easy LESS(less语法) 配置说明: 在vsCode中使用Less方法: 在vsCode 插件管理搜索插件 Easy LESS安装,(如没安装node.js先安装一下) 在项目根目录如没有.vscode目录,需要创建.vscode目录,添加一个配置文件:settings.json 内容如下: prettier.stylelintIntegration": false, //不让prettier使用stylelint的代码格式进行校验 "prettier.trailingComma": "es5" , // 在对象或数组最后一个元素后面是否加逗号(在ES5中加尾逗号) "prettier.tslintIntegration": false, "terminal.integrated.allowMnemonics
Explorer 将 STARLIMS 代码的副本下载到本地文件夹 编辑本地副本并将更改与远程版本进行比较 执行远程脚本并查看执行返回值 缺少功能: 修改后无法提交合并到starlims版本中 可以使用VSCode 安装: 下载SDP包 将sdp 包导入 STARLIMS 设计器 将以下设置添加到 STARLIMS web.config 文件 下载vccode插件 安装插件 配置starlims服务地址、用户名及密码
itemName=ritwickdey.LiveServer 其他 Image preview ID: kisstkondoros.vscode-gutter-preview 说明:增强 vscode 中的图片预览插件 joplin-vscode-plugin ID: rxliuli.joplin-vscode-plugin 说明:直接在 vscode 中管理写作 joplin 文章 Open in Typora ID: cyberbiont.vscode-open-in-typora 说明:在 Typora 中打开 PicGo ID: spades.vs-picgo 说明:图床插件 VS Marketplace itemName=Spades.vs-picgo Prettier - Code formatter ID: esbenp.prettier-vscode 说明:针对多种格式的格式化插件 TinyPNG itemName=andi1984.tinypng vscode-hexo-utils ID: fantasy.vscode-hexo-utils 说明:在 vscode 更加方便的使用 hexo Better
vscode官方给我们提供了很方便的脚手架,我们可以利用这个脚手架快速方便的写一个vscode插件 npm install -g vsce npm install -g yo generator-code
获取 Personal Access Token 下面的例子里,我们假设组织名为 vscode,从你的组织主页(例如:https://dev.azure.com/tuyaworks)进入 Personal 现在我们已经有了 Personal Access Token,我们马上可以通过 https://aka.ms/vscode-create-publisher 创建一个发行方。 VS Code 版本兼容性 当你制作插件的时候,你需要描述插件对 VS Code 的版本兼容性——修改 package.json 中的 engines.vscode: { "engines": { "vscode": "^1.8.0" } } 1.8.0 表示你的插件只能兼容 1.8.0 版本的 VS Code,^1.8.0 则表示你的插件向上兼容,包括 1.8.1, 1.9.0 等等 使用 engines.vscode 可以确保插件安装环境包含了插件依赖的 API。这个机制在稳定版和 Insider 版本都适用。
1. python插件 插件 功能 python python支持 2. c/c++插件 插件 功能 c/c++ c/c++支持 3. 美化主题 插件 功能 One Dark Pro 黑暗系主题 vscode-icons 文件以及文件夹图标 filesize 显示文件大小 Bracket Pair Colorizer 改变括号颜色 Output 生产力插件 插件 功能 tabNine 自动补全,适合各种语言 Path Autocomplete 路径自动获取 tabout tab键跳出括号 cmake cmake语法高亮 docker 自动连接到 docker的插件 Guides 缩进线提示
HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 新版已经支持scss 文件检索 Debugger for Chrome 让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试。 jQuery Code Snippets jquery 重度患者必须品 vscode-icon 让 vscode 资源树目录加上图标,必备良品! GitLens 丰富的git日志插件 fileheader 顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间 filesize 在底部状态栏显示当前文件大小,点击后还可以看到详细创建 Vue插件 vetur 语法高亮、智能感知、Emmet等 VueHelper snippet代码片段 Dracula 目前我觉得是vscode上最漂亮的主题,vscode 1.11+允许自定义statusBar
如 vscode 版本太低,会导致无法安装,需要自定义新建代码片段 【推荐】升级 vscode 版本 【无法升级版本】自定义 vscode 代码片段 1、打开 vscode 快捷键 ctrl+shift ], "description": "Redux Toolkit slice template" } } # ESLint Chinese Rules eslint 中文规则提示插件
安装完成以后在桌面上就会有 VSCode 的图标。 5)、Include AutoComplete,即自动头文件包含。 6)、Rainbow Brackets,彩虹花括号,有助于阅读代码。 7)、One Dark Pro,VSCode 的主题。 11)、vscode-icons,VSCode 图标插件,主要是资源管理器下各个文件夹的图标。 12)、compareit,比较插件,可以用于比较两个文件的差异。 13)、DeviceTree,设备树语法插件。 14)、TabNine,一款 AI 自动补全插件,强烈推荐,谁用谁知道! 如果要查看已经安装好的插件,可以按下图查看: 博主建议采用英文环境,毕竟都写代码了,不差认识这几个单词。并且 VSCode 是微软的软件,国外软件还是用英文版好一点,不担心有 bug。
基本环境 vscode、nodejs npm install -g yo generator-code yo code npm install 安装依赖项(vscode的配置文件需要在项目文件夹下的第一级 模块文件名 生成d.ts文件 模块 Window WebviewPanel浏览器tab Workspace 新建文档 //registerCommand回调返回Uri数据,可以打开指定文件 vscode.workspace.openTextDocument ().then(o=>{ vscode.window.showTextDocument(o).then(t=>{ t.edit(e=>{ var position = new vscode.Position
这个按钮打开插件管理器 ? 安装扩展# 要安装扩展,请单击“安装”按钮。安装完成后,“安装”按钮将变为“管理齿轮”按钮。
这篇博客主要是我使用vscode过程中的插件汇总,使用了这么长时间,总想有个总结,也方便日后查看,这里我将我使用的插件分为基础、框架、工具三个类型。 官网地址 VSCode插件官网地址,里面有很多的插件可以使用。 基础插件 这部分插件主要是和html、css、js有关的。 HTML Snippets 这个插件主要是针对html的语法的,支持以下标签,插件地址 html5的全部标签 标签含义信息提示 一些描述性的语法 HTMLHint 这个插件提供html的编写提示,包括到属性的格式监测 插件地址 Sass Lint 这个是和sass配套的一个插件,检查sass语法是否正确,插件地址 vscode-fileheader 这个插件可以在文档顶部插入一段说明注释,非常便于你查看当日写了哪些内容 webpack 这个插件是一个webpack的辅助工具,可以创建webpack配置文件的,还有babel编译帮助功能,插件地址 最后 这就是我日常使用的一些vscode的插件,在此作为一个汇总,方便日后查看
恰好有这么一款工具,配合 vscode 得心应手。 先来看看什么是 PicGo https://picgo.github.io/PicGo-Doc/zh/guide/ PicGo在上传图片之后自动会将图片链接复制到你的剪贴板里,可选5种复制的链接格式 VSCode的 PicGo 是基于PicGo-Core开发的一款插件,这样的感觉就像在是在线编辑器里面的实时编辑的体验。 https://github.com/PicGo/PicGo-Core 支持的图床有 微博图床 v1.0、七牛图床 v1.0、腾讯云COS v4v5版本 v1.1 & v1.5.0、拍云 v1.2.0