vscode插件配置_vscode bootstrap插件

vscode插件配置_vscode bootstrap插件vscode插件列表及配置信息

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

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

{
  // 以像素为单位控制字号。
  "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.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中对函数的注释"
    }
}
// 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"
  }
}

图片描述图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(1)


相关推荐

  • SpringMVC 处理器适配器详解[通俗易懂]

    SpringMVC 处理器适配器详解[通俗易懂]0x00:介绍处理器适配器HandlerAdapter:作用是根据映射器找到的处理器Handler信息,按照特定的规则去执行相关的处理器Handler。其配置方式有两种,一种是基于xml的资源配置,也就是非注解的配置方式。另外一种就是基于Annotation注解的配置。其注解在代码中做上特殊标记,这些标记就可以编译、类加载、运行时被读取,然后去执行相应的处理。0x01:…

  • ant design vue上传文件_antd vue 表单

    ant design vue上传文件_antd vue 表单antdvue文件上传实例说明该实例是后端进行文件上传至minio服务器这里仅仅是展示前端antdvue得代码限制文件类型配置查看这里<template><a-upload:headers=”headers”:action=”url”:fileList=”fileList”@change=”handleChang…

  • Apache和Nginx的区别

    Apache和Nginx的区别

  • 数据分析模型篇—PEST分析

    数据分析模型篇—PEST分析今天给大家分享的是在企业战略管理中一个比较经典的分析—PEST分析。PEST分析一种企业所处宏观环境分析模型,宏观环境又称一般环境,是指影响一切行业和企业的各种宏观力量。而针对PEST,指的就是P政治(Politics),E经济(Economy),S社会(Society),T技术(Technology),这四类因素一般不受企业掌控,但是又会对企业的发展产生很大的影响,所以PEST分析在很多企业…

  • Apache中 RewriteCond 规则参数介绍[通俗易懂]

    Apache中 RewriteCond 规则参数介绍[通俗易懂]Apache中RewriteCond语句对于我来说一直是个难点,多次试图去把它搞明白,都没有结果,这次我终于算大概知道它的意思了。RewriteCond就像我们程序中的if语句一样,表示如果符合某个或某几个条件则执行RewriteCond下面紧邻的RewriteRule语句,这就是RewriteCond最原始、基础的功能,为了方便理解,下面来看看几个例子。RewriteEngineonRewriteCond%{HTTP_USER_AGENT}^Mozilla\/5\.0.*Rew…

  • SOAP 协议「建议收藏」

    SOAP 协议「建议收藏」参考链接SOAP教程http协议与soap协议之间的区别SOAPSOAP是基于XML的简易协议,可使应用程序在HTTP之上进行信息交换SOAP提供了一种标准的方法,使得运行在不同的操作系统并使用不同的技术和编程语言的应用程序可以互相进行通信SOAP协议可以简单地理解为:SOAP=RPC+HTTP+XML采用HTTP作为通信协议RPC(RemoteProcedureCallProtocol远程过程调用协议)作为一致性的调用途径XML作为数据传送的格式,从而允许服务提供

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号