前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vscode插件配置_vscode bootstrap插件

vscode插件配置_vscode bootstrap插件

作者头像
全栈程序员站长
发布2022-08-04 13:00:43
2K0
发布2022-08-04 13:00:43
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

这里保存一下vscode的插件和配置信息

代码语言:javascript
复制
{
  // 以像素为单位控制字号。
  "editor.fontSize": 18,
  "files.autoSave": "onFocusChange",
  "editor.fontFamily": "monospace, Consolas, 'Courier New'",
  "editor.mouseWheelZoom": true,
  "editor.showFoldingControls": "always",
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue": "html",
    "vue-html": "html"
  },
  "git.ignoreMissingGitWarning": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "eslint.options": {
    "extensions": [".js", ".vue"]
  },
  "editor.renderIndentGuides": true,
  "vetur.format.defaultFormatter.ts": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto" // html的多个属性不换行
    }
  },
  "prettier.singleQuote": true,
  "prettier.semi": false,
  // "prettier.eslintIntegration": true,
  "eslint.autoFixOnSave": true,
  "editor.tabSize": 2,
  "files.associations": {
    "*.vue": "vue"
  },
  "search.exclude": {
    "**/bower_components": true,
    "**/dist": true
  },
  "typescript.useCodeSnippetsOnMethodSuggest": true,
  "file_peek.activeLanguages": [
    "typescript",
    "javascript",
    "python",
    "vue" // 添加vue支持
  ],
  "file_peek.searchFileExtensions": [
    ".js",
    ".ts",
    ".html",
    ".css",
    ".scss",
    ".vue" // 添加vue支持
  ],
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  "vsicons.dontShowNewVersionMessage": true,
  "search.location": "panel",
  "workbench.activityBar.visible": true,
  "fileheader.Author": "jiangyan6",
  "fileheader.LastModifiedBy": "jiangyan6",
  "workbench.colorTheme": "One Dark Pro",
  "fileheader.tpl": "/*\r\n * @Author: {author} \r\n * @Date: {createTime} \r\n * @Last Modified by:   {lastModifiedBy} \r\n * @Last Modified time: {updateTime} \r\n * @Desc: 文件名 \r\n */\r\n",
  "workbench.editor.enablePreview": false,
  "todohighlight.isEnable": true,
  "LineCount.excludes": [
    "**/.vscode/**",
    "**/node_modules/**",
    "**/dist/**",
    "**/.history/**"
  ]
}

代码片段配置如下

代码语言:javascript
复制
// javascript.json
{
    // Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and 
    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
    // same ids are connected.
    // Example:
    "Print to console": {
        "prefix": "cons",
        "body": [
            "console.log($1)"
        ],
        "description": "Log output to console"
    },

    "Print to jsfn": {
        "prefix": "jsfn",
        "body": [
            "/*\r\n * @Author: jiangyan6 \r\n * @Date: $CURRENT_YEAR-$CURRENT_MONTH-$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND \r\n * @Desc: $1  \r\n * @param: $2  \r\n * @return: $3  \r\n */\r\n",
        ],
        "description": "js中对函数的注释"
    }
}
代码语言:javascript
复制
// vue-code-snippets
{
  // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
  // Placeholders with the same ids are connected.
  // Example:
  // "Print to console": {
  //     "scope": "javascript,typescript",
  //     "prefix": "log",
  //     "body": [
  //         "console.log('$1');",
  //         "$2"
  //     ],
  //     "description": "Log output to console"
  // }
  "Print to console": {
    "prefix": "vue",
    "body": [
      "/*"
      "* @Author: jiangyan6"
      "* @Date: 2018-12-06 15:27:49"
      "* @Last Modified by: jiangyan6"
      "* @Last Modified time: 2018-12-06 18:53:48"
      "* @Desc: xxx页面"
      "*/"
      "<template>",
      "  <div>$0</div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: '',",
      "  data () {",
      "    return {",
      "    }",
      "  },",
      "  methods: {},",
      "  created () {}",
      "}",
      "</script>",
      "<style lang=\"less\" scoped>",
            "</style>",
            ""
    ],
    "description": "A vue file template"
  }
}

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/106970.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年4月2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档