vscode插件

【图文并茂】六十多个 VSCode 插件，打造最强编辑器

1. Chinese (Simplified) Language Pack for Visual Studio Code

• 汉化包

2. JavaScript (ES6) code snippets

• ES6语法片段

3. Live Server

• 代码热更新

4. Live Share

• 代码异步协同操作

5. open in browser

• 打开浏览器

6. Vetur

• vue插件

7. vscode-icons

• vscode图标库

8. Bracket Pair Colorizer

• 括号对彩色化

9. Color Highlight

• 定义代码中css/web颜色。

10. cssrem

• 比例化页面

11. Auto Rename Tag

• 在视觉上方便对不同类型的注释进行标记的插件

12. Better Comment

• 自动重命名标签

13. DotENV

• .env文件语法高亮

14. Comment Translate

• VSCode 注释翻译

15. Image preview

• 图像预览

16. htmltagwrap

• html标签包装 , 可以在选中HTML标签中外面套一层标签。 alt+w实现插入
  • setting.json配置 :

    "htmltagwrap.tag": "div", //默认标签
    "htmltagwrap.autoDeselectClosingTag": true,
    

17. Markdown Preview Enhanced

• 如果你写过markdown文件，有一个实时预览是非常有用的。

• 插件简介

18. Polacode-2020

• 这个插件可以将你的代码保存成图片分享给别人！ctrl+shift+p,输入polacode选中分享的代码即可

19. Power Mode

• 炫酷敲代码的效果

  • setting.json配置 :

    "powermode.enabled": true, // 开启 Power Mode
    "powermode.shakeIntensity": 0, // 关闭抖动
    "powermode.presets": "particles" // 特效预设
    // Valid values: “particles”, “fireworks”, “flames”, “magic”, “clippy”, “simple-rift”, “exploding-rift”.
    
    

20. SFTP

• 服务器同步扩展

  • sftp.json配置:

  {
  "name": "leochen",  //服务器命名
  "host": "192.168.1.13", //主机/公网IP
  "protocol": "sftp", //默认给予
  "port": 22,
  "username": "root",
  "remotePath": "/",  //连接主机时进入的目录文件夹
  "uploadOnSave": true, //文件保存时进行服务器同步
  "ignore": [  //忽略同步的文件
      ".vscode",
      ".git",
      ".DS_Store"
  ],
  "syncOption": { //同步增删文件操作
      "delete": true, //本地文件删除同步
      "update": true  //本地文件新增同步
  },
  "watcher": {  //同步文件更删变化操作
      "files": "**/*",
      "autoUpload": true, //本地文件内容更新时同步
      "autoDelete": true //本地文件内容删除时同步
  },
  <!--配置密码`privateKeyPath`时,需手动生成一个key文件-->
  "privateKeyPath": "~/.ssh/lc-key"
  }