VScode个性化设置：让你爱上敲代码

复制上面的代码，替换原来的代码，但是为了有一个In以后最好备份原来的代码，重启Vscode重启软件，就大功告成啦！这个动感小萌妹是怎么实现原理的呢，我们先看看之前的代码吧，添加，删除后，和修改操作，发送这行代码很关键里面引入了live2d-widget@3.0.4/lib/L2Dwidget.min.js，搜索大法知道这是一个二次元前端插件，我们直接进入浏览器中的网址是这样的：https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js?_=1557308476616我去，是不是和我一样，看到源码就头疼，别怕，先开始复制代码，格式化：我们不会rea一行一行的d，我们可以抓住重点，比如第一行的GitHub地址，我们可以打开看看。https://github.com/xiazeyu/live2d-widget.js源码大部分是函数方法。让我们看看最后。这是整个源代码的关键。我们可以看到这是一个配置选项。我们不关心参数属性是什么。我们先打开图中的网址https：//unpkg.com/live2d-widget-model-shizuku@latest/assets/shizuku.model.json我们打开这个json文件的网址，复制代码并格式化，代码如下。{"type":"Live2DModelSetting","name":"shizuku","model":"moc/shizuku.moc","textures":["moc/shizuku.1024/texture_00.png","moc/shizuku.1024/texture_01.png","moc/shizuku.1024/texture_02.png","moc/shizuku.1024/texture_03.png","moc/shizuku.1024/texture_04.png","moc/shizuku.1024/texture_05.png"],"physics":"shizuku.physics.json","pose":"shizuku.pose.json","expressions":[{"name":"f01","file":"exp/f01.exp.json"},{"name":"f02","file":"exp/f02.exp.json"},{"name":"f03","file":"exp/f03.exp.json"},{"name":"f04","file":"exp/f04.exp.json"}],"layout":{"center_x":0,"y":1.2,“宽度”;:2.4},"hit_areas":[{"name":"head","id":"D_REF.HEAD"},{"name":"body","id":"D_REF.BODY"}],"motions":{"idle":[{"file":"mtn/idle_00.mtn","fade_in":2000,"fade_out":2000},{"file":"mtn/idle_01.mtn","fade_in":2000,"fade_out":2000},{"file":"mtn/idle_02.mtn","fade_in":2000,"fade_out":2000}],"tap_body":[{"file":"mtn/tapBody_00.mtn","sound":"snd/tapBody_00.mp3"},{"文件":"mtn/tapBody_01.mtn","sound":"snd/tapBody_01.mp3"},{"文件":"mtn/tapBody_02.mtn","sound":"snd/tapBody_02.mp3"}],"pinch_in":[{"file":"mtn/pinchIn_00.mtn","sound":"snd/pinchIn_00.mp3"},{"file":"mtn/pinchIn_01.mtn","sound":"snd/pinchIn_01.mp3"},{"file":"mtn/pinchIn_02.mtn","sound":"snd/pinchIn_02.mp3"}],"pinch_out":[{"file":"mtn/pinchOut_00.mtn","sound":"snd/pinchOut_00.mp3"},{"file":"mtn/pinchOut_01.mtn","sound":"snd/pinchOut_01.mp3"},{"file":"mtn/pinchOut_02.mtn","sound":"snd/pinchOut_02.mp3"}],"shake":[{"file":"mtn/shake_00.mtn","sound":"snd/shake_00.mp3","fade_in":500},{"file":"mtn/shake_01.mtn","sound":"snd/shake_01.mp3","fade_in":500},{"file":"mtn/shake_02.mtn","sound":"snd/shake_02.mp3","fade_in":500}],"flick_head":[{"file":"mtn/flickHead_00.mtn","sound":"snd/flickHead_00.mp3"},{"文件":"mtn/flickHead_01.mtn","sound":"snd/flickHead_01.mp3"},{"文件":"mtn/flickHead_02.mtn","sound":"snd/flickHead_02.mp3"}]}}不断搜索，就在这里！https://unpkg.com/browse/live2d-widget-model-shizuku@1.0。5/里面的原理我要好好研究学习后悔药了，还是恢复原貌吧1.找到workbench.html文件，复制下面代码，替换。2.重新启动vscode重新启动软件。3、解决vscode不支持的提示重启后，我们可能会看到不支持的提示。是因为我们更改了vscode的内部代码，所以会提示。让我们修复它。打开命令行，安装FixVSCodeChecksums，输入命令：code--install-extensionlehni.vscode-fix-checksums打开vscode，快捷键Ctrl+Shift+P，输入命令：FixChecksums:ApplyrestartVscode，解决。#live2dcanvas{边框：0！重要；}