zoukankan      html  css  js  c++  java
  • VS Code编辑器插件整理及配置设定

      语言包:

    1. Chinese -- VS Code的汉化包

      格式化+代码补全:

    1. ESLint -- Integrates ESLint
    2. Vetur -- A vue tooling
    3. Prettier -- Format your JavaScript / TypeScript / CSS
    4. minapp -- 微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)
    5. JS-CSS-HTML Formatter -- This extension wraps js-beautify to format your JS, CSS, HTML, JSON file.

      注释高亮+缩进提示:

    1. indent-rainbow -- 代码缩进颜色块
    2. Rainbow Brackets -- 高亮括号颜色提示缩进
    3. TODO Hightlight -- 高亮注释,“TODO:” “FIXME:”

      Git工具:

    1. GitLens -- 超级强大的git工具

      有趣的插件:

    1. Power Mode -- 按下键盘,烟花等特效

      setting.json配置:

     1 {
     2     "files.associations": {
     3         "*.cjson": "jsonc",
     4         "*.wxss": "css",
     5         "*.wxs": "javascript"
     6     },
     7     "emmet.includeLanguages": {
     8         "wxml": "html"
     9     },
    10     "minapp-vscode.disableAutoConfig": true,
    11     "editor.tabSize": 2,
    12     "git.confirmSync": false,
    13     "git.autofetch": true,
    14     "terminal.integrated.shell.windows": "C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe",
    15     "eslint.autoFixOnSave": true,
    16     "vetur.format.defaultFormatter.js": "vscode-typescript",
    17     "prettier.eslintIntegration": true,
    18     "prettier.semi": false,
    19     "prettier.singleQuote": true,
    20     "vetur.format.defaultFormatter.html": "js-beautify-html",
    21     "vetur.format.defaultFormatterOptions": {
    22         "js-beautify-html": {
    23             "wrap_line_length": 120,
    24             "wrap_attributes": "auto",
    25             "end_with_newline": false
    26         },
    27         "prettyhtml": {
    28             "printWidth": 100,
    29             "singleQuote": false,
    30             "wrapAttributes": false,
    31             "sortAttributes": false
    32         }
    33     },
    34     "editor.wrappingIndent": "none",
    35     "editor.fontSize": 12,
    36     "markdown.preview.fontSize": 12,
    37     "terminal.integrated.fontSize": 12,
    38     "window.zoomLevel": 0
    39 }

      写在最后:

      古有语“工欲善其事必先利其器”,VSCode 在众多代码编辑器中属轻巧而不失灵活的利器,很多器本身就是就非常值得研究,如果有什么需求需要去寻求扩展,个人建议的做法还是多读文档,多读官方文档,摸清楚清楚你自己手头工具的能力和局限,才能避免在法拉利跑车上安装自行车轮子的笑话。如果实在要新装轮子,建议仔细阅读新轮子的说明书。

  • 相关阅读:
    在国内时,更新ADT时需要配置的
    mantis增加密码修改
    http://182.92.241.20/mypro/login 偶的点金项目细化分包管理平台即将上线!!
    bootstrap菜单完美解决---原创
    PB常用日期
    ctrl+shift+del 清理火狐缓存,解决页面显示错乱问题
    Kylin上chromium不能用flash的解决命令
    正确的SVN导入代码命令
    GNU :6.47 Function Names as Strings
    std::advance 给迭代器增加指定偏移量
  • 原文地址:https://www.cnblogs.com/e-cat/p/10219909.html
Copyright © 2011-2022 走看看