vsCode开发插件

🏠 DotENV: .env 文件 高亮
🏠 ESLint:脚本代码检查
🏠 i18n Ally: i18n 插件
🏠 Iconify IntelliSense:Iconify 图标插件
🏠 Prettier - Code formatter:代码格式化
🏠 stylelint:css 格式化
🏠 Volar:vue 开发必备
🏠 WndiCSS lntelliSense:windicss 提示插件
🏠 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code:vsCode汉化
🏠 EditorConfig for VS Code:项目约束
🏠 IntelliJ IDEA Keybindings:IDEA的快捷键
🏠 Project Manager:项目管理工具
🏠 Path Intellisense: 路径
🏠 Auto Close Tag: 自动关闭标签
🏠 Better Comments: * ! todo ?
🏠 Bookmarks: Ctrl+alt+K 创建或消除书签 ctrl+alt+j 跳转到前一个书签 ctrl+alt+l 跳转到后一个书签
🏠 change-case : 快速更改当前所选内容或当前单词的大小写
🏠 CSS Peek 快速查看定位CSS定义
🏠 HTML CSS Support : 基于项目中包含的或远程引用的CSS在HTML文件中提供智能感知(提示)
🏠 vscode-fileheader: js文件(html、css也可以使用,但是没意义!!!)生成头部注释的插件,每次修改js文件之后会自动修改的时间和作🏠 Beautify 格式化javascript,json,css,sass和HTML。
🏠 Vue VSCode Snippets: 通过各种快捷键就可以在 .vue文件中快速生成各种代码片段。 Vue3 开发必备神器。
🏠 IntelliJ IDEA Key Bindings: 包括流行的JetBrains产品的键盘映射,如IntelliJ Ultimate,WebStorm,PyCharm,PHP Storm等。
🏠 Path Intellisense : 路径提示
🏠 GitLens — Git supercharged: Git
🏠 Git History: GitHistory
🏠 Live Server 是一个实时加载功能的服务器
🏠 Prettier-Code Formater 代码格式化
🏠 Power Mode: 炫酷编码
🏠 IntelliSense for CSS class names in HTML: 到的定义完成 HTML 类属性的 CSS 类名。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用VSCode提供的API来实现根据选中文本生成代码的功能。 首先,你需要创建一个命令,用于触发生成代码的操作。可以在`package.json`文件中的`contributes.commands`中添加一个新的命令: ```json "commands": [{ "command": "generateCodeFromSelection", "title": "Generate Code from Selection" }] ``` 接下来,在`src/extension.ts`文件中,添加一个监听器来响应命令触发: ```typescript import * as vscode from 'vscode'; export function activate(context: vscode.ExtensionContext) { let disposable = vscode.commands.registerCommand('generateCodeFromSelection', () => { const editor = vscode.window.activeTextEditor; if (!editor) { return; } const selection = editor.selection; const text = editor.document.getText(selection); // TODO: 根据选中文本生成代码 }); context.subscriptions.push(disposable); } ``` 在监听器中,我们获取当前活跃的编辑器,然后获取选中文本。接下来,你可以使用选中文本来生成代码。 比如,你可以使用JavaScript的模板字符串来生成一个函数调用: ```typescript const code = `myFunction(${text});`; ``` 然后,你可以使用`vscode.window.activeTextEditor.edit`方法来将生成的代码插入到编辑器中: ```typescript editor.edit(builder => { builder.replace(selection, code); }); ``` 完整的代码如下所示: ```typescript import * as vscode from 'vscode'; export function activate(context: vscode.ExtensionContext) { let disposable = vscode.commands.registerCommand('generateCodeFromSelection', () => { const editor = vscode.window.activeTextEditor; if (!editor) { return; } const selection = editor.selection; const text = editor.document.getText(selection); const code = `myFunction(${text});`; editor.edit(builder => { builder.replace(selection, code); }); }); context.subscriptions.push(disposable); } ``` 这样,当你选中一段文本并执行`Generate Code from Selection`命令时,就会在选中文本的位置插入一个函数调用。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值