js函数提示 vscode_VSCode的一些骚操作

最新推荐文章于 2024-05-10 01:25:02 发布

weixin_39829166

最新推荐文章于 2024-05-10 01:25:02 发布

阅读量658

点赞数

文章标签： js函数提示 vscode

本文链接：https://blog.csdn.net/weixin_39829166/article/details/112144413

版权

一个会动的萌妹和烟花特效

一、界面美化

resources\app\out\vs\code\electron-browser\workbench

用记事本打开workbench.html，将里面的内容替换为下面的代码，建议把原来的代码保存下来，以便可以换换回来。


html>
<html>
 <head>
  <meta charset="utf-8" />
  <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src 'self' https: data: blob: vscode-remote-resource:; media-src 'none'; frame-src 'self' vscode-webview: https://*.vscode-webview-test.com; object-src 'self'; script-src * 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; connect-src 'self' https:; font-src 'self' https: vscode-remote-resource:;">
 head>
 <style type="text/css">#live2dcanvas {border: 0 !important;}style>
 <body aria-label="">
  <div id="live2d-widget"><canvas id="live2dcanvas" width="100" height="200" style="position: fixed;width:100px;height:200;opacity: 0.5;right: 0px;bottom: -20px;z-index: 99999;pointer-events: none;border:0;">canvas>div>
 body>

 
 <script src="../../../../bootstrap.js">script>
 <script src="../../../../vs/loader.js">script>
 <script src="../../../../bootstrap-window.js">script>

 
 <script src="workbench.js">script>

 <script type="text/javascript" charset="utf-8" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.0.min.js">script>
 <script type="text/javascript"  src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js?_=1557308476616">script>
 <script type="text/javascript">// L2Dwidget.init();
   L2Dwidget.init({"display": {"superSample": 2,"width": 100,"height": 200,"position": "right","hOffset": 0,"vOffset": 0
        }
     });script>
html>

重启vscode的就行了

恢复的话，只要把代码改回去就行


html>
<html>
 <head>
  <meta charset="utf-8" />
  <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src 'self' https: data: blob: vscode-remote-resource:; media-src 'none'; frame-src 'self' vscode-webview: https://*.vscode-webview-test.com; object-src 'self'; script-src 'self' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; connect-src 'self' https:; font-src 'self' https: vscode-remote-resource:;">
 head>
 <body aria-label="">
 body>

 
 <script src="../../../../bootstrap.js">script>
 <script src="../../../../vs/loader.js">script>
 <script src="../../../../bootstrap-window.js">script>

 
 <script src="workbench.js">script>
html>

二、代码特效

在vscode中搜索插件Power Mode，安装后重启

在设置里找到setting.json,点击编辑

在里面添加几行代码

"powermode.enabled": true,
"powermode.presets": "fireworks",   //动画效果
"powermode.comboTimeout":4,       // 时间间隔

重启后就有特效了

不想要只要删除代码即可(更多特效可以百度找找)

三、可能出现的问题

重启完成之后，我们可能会看到最上面有个不受支持提示。是因为我们改动了vscode的内部代码，所以会提示。

我们来解决它。

打开命令行，安装Fix VSCode Checksums，键入命令：

code --install-extension lehni.vscode-fix-checksums

打开vscode，快捷键 Ctrl + Shift + P 输入命令：

Fix Checksums:Apply

重启Vscode，解决。

本文只是代码之余的一点娱乐，打码枯燥，适当给自己增加点乐趣，想必大家写php也写累了。

weixin_39829166

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js函数提示 vscode_VSCode的一些骚操作

一个会动的萌妹和烟花特效一、界面美化在vscode的安装目录下找到resources\app\out\vs\code\electron-browser\workbench用记事本打开workbench.html，将里面的内容替换为下面的代码，建议把原来的代码保存下来，以便可以换换回来。html><html><head><metacharset...
复制链接

扫一扫