vscode-mystyle

Gist ID:1d78c12a176f60b435bac32ae8220b37
https://zhuanlan.zhihu.com/p/62913725:vscode教程

  • chinese:中文语言包
  • Horizon Theme:Theme
  • Ocean Theme:Theme
  • One Dark Pro:Atom风格
  • Markdown Preview Enhanced
  • WakaTime:代码统计
  • Vetur:Vue插件
  • Code Runner:代码立即执行 ctrl+alt+n
  • Code Spell Checker:代码语法检查
  • VS Color Picker:写CSS时选择颜色
  • Guides:显示代码对齐辅助线,很好用
  • Rainbow Brackets:为圆括号,方括号和大括号提供彩虹色。这对于Lisp或Clojure程序员,当然还有JavaScript和其他程序员特别有用。
  • Bracket Pair Colorizer:用于着色括号匹配
  • vscode-icons:显示不同代码的图标
  • Language Support for Java™ by Red Hatredhat.java:java必备
  • Atom One Dark Theme:Atom暗黑主题
  • Dracula Official:吸血鬼官方主题
  • Bimbo:简约神奇的海洋主题
  • HTML Snippets:包含HTML5
  • HTML CSS Support:CSS提示
  • HTMLHint:HTML代码检查
  • Java Extension Pack:java代码检查
  • Beautify:代码美化
  • Debugger for Chrome:调试必备
  • Document This:快速注释
  • Code Spell Checker:代码拼写检查
  • filesize:显示文件大小插件
  • Path Autocomplete:自动感知配置文件
  • Live Server:自动刷新前端页面,需要右键打开

在这里插入图片描述

code -r -g package.json:128
code -r -d a.txt b.txt
  • 可以在 shell 环境里创建一个别名 (alias),而不用局限于 code 这个命令。
  • shift+fn+上下:多块选中
  • shift+上下:选中
  • shift+ctrl+\:在花括号之间跳转
  • shift+ctrl+o
  • shift+i:查看定义引用
  • alt+c:全部折叠
  • alt+o全部展开
  • alt+s:保存当前文件
  • alt+l:全部保存
  • ctrl+shift+[:折叠
  • ctrl+shift+]:展开
  • alt选择菜单栏
  • alt+上下:切换行的顺序
  • alt+shift+上下:复制整行
  • shift+delete:删除整行
  • ctrl+TAB在文件间切换
  • ctrl+shift+p:全部去掉进行搜索也可以 :行号
  • 选中的文本可以用鼠标进行拖拽
  • Fn+F2同样可以修改函数名(全部修改)
  • ctrl+f:单词查找(大小写敏感,全单词匹配,正则表达式) 单页替换和全部替换

https://www.cnblogs.com/echolun/p/11454915.html:炫酷插件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
和相关的CSS和JavaScript文件? 在VS Code插件开发中,可以通过webviewView提供的API来导入HTML文件和相关的CSS和JavaScript文件。首先,需要使用webviewView的createWebviewPanel方法创建一个webview面板。然后,可以通过webview的HTML内容来指定要加载的HTML页面,并且可以使用webview的样式和脚本列表来导入对应的CSS和JavaScript文件。具体的代码实现可以参考以下示例代码: ```typescript import * as vscode from 'vscode'; export function activate(context: vscode.ExtensionContext) { let disposable = vscode.commands.registerCommand('my.extension.showWebview', () => { const panel = vscode.window.createWebviewPanel( 'myWebview', 'My Webview', vscode.ViewColumn.One, { enableScripts: true, localResourceRoots: [vscode.Uri.file(context.extensionPath)] } ); // Load the webview HTML panel.webview.html = getWebviewContent(context); // Handle messages from the webview panel.webview.onDidReceiveMessage( message => { vscode.window.showInformationMessage(`Received message: ${message}`); }, undefined, context.subscriptions ); }); context.subscriptions.push(disposable); } function getWebviewContent(context: vscode.ExtensionContext) { const scriptUri = vscode.Uri.file(path.join(context.extensionPath, 'myscript.js')); const styleUri = vscode.Uri.file(path.join(context.extensionPath, 'mystyle.css')); const scriptPathOnDisk = scriptUri.with({ scheme: 'vscode-resource' }).toString(); const stylePathOnDisk = styleUri.with({ scheme: 'vscode-resource' }).toString(); return ` <html> <head> <link rel="stylesheet" type="text/css" href="${stylePathOnDisk}"> </head> <body> <h1>Hello Webview</h1> <script src="${scriptPathOnDisk}"></script> </body> </html> `; } ``` 在以上代码中,首先使用createWebviewPanel方法创建了一个名为'myWebview'的webview面板。在调用createWebviewPanel时,需要传入一个enableScripts选项,表示是否允许webview执行JavaScript脚本。同时,还需要为webview指定一个localResourceRoots选项,表示webview可以加载的静态资源的根路径。 接着,通过getWebviewContent方法获取要加载的HTML内容。在getWebviewContent方法中,使用了Uri.file方法获取了要导入的CSS和JavaScript文件的路径。然后,根据这些路径生成对应的resource URI,用于指定在webview中加载这些文件。最后,在HTML内容中通过link标签和script标签引入了CSS和JavaScript文件。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值