VS Code 插件

已于 2022-08-18 10:50:06 修改
阅读量508 收藏
点赞数
分类专栏： 前端 文章标签： vscode ide 编辑器
于 2022-07-28 16:39:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KingJordon/article/details/126038309
版权

1.i18n Ally

添加翻译时，直接在页面写变量和一个语言  语言包中自动添加并翻译其他语言

自己手动添加翻译比价方便

并且可以在编辑器中预览内容

i18n AllyExtension for Visual Studio Code - 🌍 All in one i18n extension for VS Codehttps://marketplace.visualstudio.com/items?itemName=Lokalise.i18n-ally

2.Auto Translate JSON

将一个翻译文件夹翻译多个文件  

有一个语言包翻译成多个比较方便

3.Gitlens

 可以看到当前代码的git最近提交记录

 

4.px-to-vw

px转化为vw，需要设置屏幕宽度标准

console.log( )
关注
专栏目录
【VS Code插件开发】入门篇（一）
编码世界
07-31 7万+
讲解了VS Code插件入门开发，讲解了项目的搭建、测试、打包、发布等一系列流程
【VS Code插件开发】自定义侧边栏、视图（六）
热门推荐
编码世界
09-06 7万+
在 VS Code 开发工具中，可以在侧边栏中创建一个持久化的自定义视图。这个视图可以随着 VS Code 的不同窗口、标签页之间的切换而保持存在。侧边栏官方文档讲解用于定义自定义视图容器。位于编辑器侧边的垂直工具栏。活动栏提供了快速访问各种功能、面板和操作的图标按钮，使用户能够轻松地切换和执行不同的任务。
VScode（工具篇）=> 配置console模版
余光的博客
09-03 4738
工欲善其事，必先利其器 Vs Code的多样的插件让它称为主流编辑器之一，为了让它成为我们的开发神器，我们可以配置许多“定制化”的功能 如题：作为一个前端，为了查看获取的数据 或者 及时了解对数据的处理，console是必不可少的。我们来配置一下 打开vscode,选择文件–首选项–查询 javascript.json { "Print to console": { "prefix"...
一个非常好用的console神器【vscode插件】
feeeee889的博客
06-06 2052
使用该插件的好处： 1. 不必再手动输入console.log，实现快捷键一键生成； 2. 每次生成的console.log中会附带一个随机emoji，方便我们在众多输出中快速找到想要的输出（emoji不同于文字，人类的大脑在面对图像时印象会更深刻，并且emoji本身也挺有趣的😁）。
i18n-ally 使用教程
最新发布
gitblog_00961的博客
08-13 908
i18n-ally 使用教程 i18n-ally???? All in one i18n extension for VS Code项目地址:https://gitcode.com/gh_mirrors/i1/i18n-ally 项目介绍 i18n-ally 是一个为 VS Code 设计的国际化扩展插件，旨在简化前端项目的国际化流程。它支持多种框架和库，如 Vue、React、Angular 等，并...
【vs code插件推荐】快捷生成 console.log
weixin_72099243的博客
07-17 368
使用这个插件可以直接双击选中你的变量名。
VS code console.log快捷键设置 ：console.log(‘n＞＞＞‘,n)
范德萨的博客
01-13 1679
否则，选择 “新建全局代码片段文件”（New Global Snippets File）并命名为 “javascript.json”。一、打开 VS Code，并进入菜单栏选择 “文件”（File）-> “首选项”（Preferences）-> “键盘快捷方式”（Keyboard Shortcuts）。一、打开 VS Code，并进入菜单栏选择 “文件”（File）-> “首选项”（Preferences）-> “用户代码片段”（User Snippets）。二、在打开的键盘快捷方式面板中，点击右上角的。
vs code调试console程序报错--preLaunchTask“build”
weixin_30566063的博客
06-24 330
网上有其他大神给出的建议是注释掉launch.json中的"preLaunchTask": "build",但是这种方式也会造成一个问题，就是再使用F5调试时候，新加入的代码没法被执行到。简单判断，可能是没有build出新的dll导致没法debug。vs code提供了task插件用来帮助我们进行build，从而解决报错的问题调出命令行Ctrl+Shift+P，输入Task，选择第一个“任务配置程...
VS Code插件开发文档-中文版.zip
02-28
本压缩包“VS Code插件开发文档-中文版.zip”包含了一份详细的VS Code插件开发指南，以下是其中的关键知识点： 1. **插件架构**： VS Code插件基于Electron框架，使用Node.js环境运行。插件主要由两个部分组成：`...
VS Code插件C/C++ Extension Pack离线安装包
10-14
VS Code插件C/C++ Extension Pack离线安装包
【VS Code插件开发】监听代码复制、粘贴、剪切，文件创建、删除（七）
编码世界
09-09 7万+
本文介绍了在 VS Code 插件开发过程中常见的命令，比如：代码复制、粘贴、剪切，文件删除、新增等等，后续会继续补充。
logwrap:无需编写任何 console.log 命令即可调试更大的类和函数的包装器
05-30
logwrap.js 用于调试 node.js 和浏览器中的类的详细记录器模块。 为什么？ 用console.log调试复杂的类感觉不对。 安装 npm install [--save-dev] logwrap 例子 调试类： var logwrap = require ( 'logwrap' ) ; function MyClass ( ) { /*...*/ } MyClass . prototype . myMethod = function ( a , b , c ) { /*...*/ } ; var instance = new MyClass ( ) ; logwrap . debugClass ( MyClass ) ; // enable debugging instance . myMethod ( 1 , 2 , 3 ) ; // logs to conso
screenlogjs是一款非常实用的可以将consolelog控制台信息显示在前台页面的js插件
08-10
screenlog.js是一款非常实用的可以将console.log控制台信息显示在前台页面的js插件。console.log是在控制台打印信息的方法，通过screenlog.js插件，我们可以将在控制台显示的信息转移到前台页面来查看。
【问题记录】vscode调试vue，console.log在vscode终端窗口无输出问题，从尝试到放弃
danqiu的博客
10-29 7590
vscode调试vue，console.log在vscode终端窗口无输出问题，从尝试到放弃
Vs Code使用国际化多语言插件-i18n Ally&Vue i18n-插件使用
JackieDYH的博客
11-23 4900
i18n Ally&Vue i18n 用户使用vscode 打开代码时，会自动生成如下默认配置 { "vue-i18n.i18nPaths": "src\\common\\lang", 注：多语言路径 "i18n-ally.localesPaths": [ "src/common/lang" ] } Vue 2.x 配置 安装 npm install vue-i18n --save-dev 添加配置setting.json...
Vue国际化搭配 VSCode i18n Ally插件使用初体验
松烟入墨
11-25 8667
i18n Ally安装 本文仅作基本使用，有更多的功能请查阅官方文档： Github Gitee VSCode扩展搜索i18n Ally安装 创建Vite项目 这里使用的是vite创建的项目，添加vue-i18n@next的库 yarn create vite ... √ Project name: ... i18n-demo √ Select a framework: » vue √ Select a variant: » vue-ts ... // 添加yarn add vue-i1
VSCode 插件推荐
两个月亮
11-15 1181
VS Code的常用插件，VS Code的主题插件推荐，VS Code常用前端插件。
前端国际化 VScode i18n Ally 插件使用
qq_45739293的博客
05-11 6810
前端国际化 VScode i18n Ally 插件使用 1、安装 i8n Ally 插件 2、修改vscode 配置 ，添加如下配置 "i18n-ally.localesPaths": [ "src/locales/lang" ], "i18n-ally.languageTagSystem": "legacy", "i18n-ally.sourceLanguage": "en-US", "i18n-ally.displayLanguage": "zh-CN", "i18n-all
vue3.x使用i18n和i18n Ally自动化翻译
小橙的博客
08-17 2807
以下为vue3.x 使用i18n和i18n Ally自动化翻译的步骤, vue2.x配置i18n步骤>> vue 版本> 3.0.0 vue/cli 版本 4.5.13 vue-i18n 版本 > 9.1.7 1.安装 i18n npm install vue-i18n@next 2.在vscode中安装i18n Ally插件 3.配置vscode setting.json { "i18n-ally.localesPaths": ["src/locales"], // 翻
VS code 插件
07-28
VS Code是一款非常热门且功能强大的开发工具，它有许多优秀的插件可以提升开发效率和开发体验。以下是一些值得推荐的插件： 1. 美化CSS，SASS和更少的代码（Visual Studio Code的扩展名）插件可以帮助您美化CSS和...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值