• Visual Studio Code(初设置)


    VSCode安装完成后做汉化

    1.在应用商城中搜索:chinese(中文简体)2.open in browser(自动跳转浏览器)3.安装backgroud背景插图插件  4.设置插入背景代码和模板代码

    背景代码如下:

    {
        "window.zoomLevel": 0,
        "background.enabled": true, /* 是否使用插件 */
        "background.useDefault": false, /* 是否使用默认图片*/
        "background.customImages": [
    
    
        
        
          /* 图片路径*/
          "D:/学习/Web前端学习/VScode背景/美女.jpg" //注:绝对路径相对路径即可
        ],
      
      ​      "background.style": {
      
      ​        "content": "''",
      
      ​        "pointer-events": "none",
      
      ​        "position": "absolute",
      
      ​        "width": "100%",
      
      ​        "height": "100%",
      
      ​        "z-index": "99999",
      
      ​        "background.repeat": "no-repeat",
      
      ​        "background.position": "100% 100%",
      
      ​        "background-size": "100% 100%",
      
      ​        "opacity": 0.2
      
        },
        "workbench.sideBar.location": "right",
        "explorer.confirmDelete": false
      }

    通用模板代码:

    "h5 JavaScript": {
            "prefix": "sc", // 触发的关键字 输入vh按下tab键
            "body": [
                "<!DOCTYPE html>",
                "<html lang="ch-zn">",
                "<head>",
                "	<meta charset="UTF-8">",
                "	<title>moban</title>",
                "",
                "	<style>",
                    "	body,h1,h2,h3,h4,h5,h6,ul,ol,p,div{margin:0;font-weight:normal}",
                    "	ul,ol{padding:0;list-style:none;}",
                    "	a{text-decoration: none;}",
                "",
                "",
                "",
                "",                  
                "	</style>",
                "",
                "</head>",
                "<body>",
                "",
                "	<div></div>",
                "",
                "",
                "",
                "	<script src='https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js'></script>",
                "	<script></script>",
                "</body>",
                "<!--",
                "笔记区域",
                "",
                "",
                "",
                "",
                "-->",
                "",
                "</html>",
            ],
            "description": "HT-sc"  // 模板的描述
        }

    效果图:

  • 相关阅读:
    箭头函数的this、arguments详解
    webpack笔记
    关于proxy反向代理如何解决跨域问题的前世今生
    前端基础修炼日志(一):js内存管理机制
    前后端分离下的跨域问题以及CSRF攻击
    ES6之Promise
    浏览器缓存机制深入理解与实践(二):预加载
    浏览器缓存机制深入理解与实践(一)
    Go开发中的十大常见陷阱[译]
    网站必备之简繁切换功能实现
  • 原文地址:https://www.cnblogs.com/yhy-blog/p/14187121.html
Copyright © 2020-2023  润新知