精华内容
下载资源
问答
  • vscode插件-格式化代码-工具
    千次阅读
    2022-05-01 00:12:39
    1. shift alt f 格式
    2. 比如设置了不生效, 缩进(2 4) 换行(printWidth) 单双引号, 末尾分号
    插件名称描述
    veturvue文件高亮 vue文件的格式化
    prettier.pretierrc 文件
    editorConfig for Vs code.editorconfig
    eslint.eslintrc.js
    tslint

    智能路径提示

    1.安装 path-intellisense 插件
    2. settings.json 配置
    "path-intellisense.mappings": {
            "@": "${workspaceRoot}/src"
        }
    不用这个插件,只配置jsconfig.json文件, 路径提示也有
    {
        "compilerOptions": {
            "target": "ES6",
            "module": "commonjs",
            "allowSyntheticDefaultImports": true,
            "baseUrl": "./",
            "paths": {
              "@/*": ["src/*"],
              "@md/*": ["src/modules/*"]
            }
        },
        "exclude": [
            "node_modules"
        ]
    }
    
    
    
    "vetur.format.scriptInitialIndent": true  // script首层缩进.
    
    .prettierrc
    {
        "semi": false,
        "singleQuote": true,
        "printWidth": 120
    }
    
    .prettierignore
    /dist/*
    .local
    .output.js
    /node_modules/**
    **/*.svg
    **/*.sh
    /public/*
    
    "prettier": "prettier --write ."  // 格式化所有文件, 忽略文件.
    husky 配置(commit前, 进行eslint检查...)
    

    emmet语法

    vscode 自带的插件

    !回车生成html结构
    
    ul>li.a{$}*10
    <ul>
    	<li class="a">1</li>
    	<li class="a">2</li>
    	<li class="a">3</li>
    	<li class="a">4</li>
    	<li class="a">5</li>
    	<li class="a">6</li>
    	<li class="a">7</li>
    	<li class="a">8</li>
    	<li class="a">9</li>
    	<li class="a">10</li>
    </ul>
    
    my-component.a
    <my-component class="a"></my-component>
    

    一些其他插件

    插件作用
    auto Rename tag修改一个标签, 自动修改一对儿
    auto close tag有了 auto rename 可以不用
    beautify有prettier了, 可以不用
    vscode-icons好看的图标
    Bracket Pair Colorizer括号多颜色
    open-in-browseralt b 打开浏览器
    path intellisense
    Turbo Console Logctrl alt L 生成 console.log(…)
    live server
    markdown preview enhanced
    vue 3 snippets
    local history
    Git Graph GitHub Pull requests
    Import Cost引用包大小计算
    GitLensgit的提交日志
    css peek定位css类名
    Regex Previewer实时正则预览(自己试了下,没有生效!!!)
    ctrl + alt + l 选中变量之后,使用这个快捷键生成 console.log
    alt + shift + c 注释所有 console.log
    alt + shift + u 启用所有 console.log
    alt + shift + d 删除所有 console.log
    

    vscode 配置同步…

    1. 搜索的时候一定要注意有没多输入空格什么的.

    Browserslist: caniuse-lite is outdated. Please run:npx browserslist@latest --update-db

    更多相关内容
  • 主要介绍了vscode使用官方C/C++插件无法进行代码格式化问题,本文通过截图实例代码相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • vue vscode代码格式化插件配置

    千次阅读 2021-12-14 18:43:04
    扩展商店搜索Vetur 选择扩展此设置 加入 "vetur.format.defaultFormatterOptions": { "prettyhtml": { "printWidth": 300, // No line exceeds 300 characters "singleQuote": false // Prefer ...格式化之前

    扩展商店搜索Vetur

    在这里插入图片描述

    选择扩展此设置
    在这里插入图片描述
    加入
    在这里插入图片描述

      "vetur.format.defaultFormatterOptions": {
            "prettyhtml": {
              "printWidth": 300, // No line exceeds 300 characters
              "singleQuote": false // Prefer double quotes over single quotes
            }
          }
    

    格式化之前
    在这里插入图片描述
    格式化后的代码
    在这里插入图片描述

    展开全文
  • 可以先下载个中文插件,方便阅读理解(毕竟...2、php代码格式化插件:在应用商店输入:PHP Intelephense (注意别找错了!!!) 下载完后重启就已经可以了,不需要多余的配置步骤。 格式化代码 默认快捷键:s...

    可以先下载个中文插件,方便阅读理解(毕竟我英文水平不太好。。。)

    1、点击左侧菜单栏扩展,然后在应用商店中输入:Chinese   找到有提示中文简体的就点击下载他,然后重启软件就行。

    2、php代码格式化插件:在应用商店中输入:PHP Intelephense  (注意别找错了!!!)

         下载完后重启就已经可以了,不需要多余的配置步骤。

         格式化代码:               Mac: shift + option + f         Windows:shift + alt + f 

         跳到到对应函数或方法:Mac:command + 鼠标左健    Windows:ctrl + 鼠标左键

         返回到跳转之前的位置:Mac:control + “-”               Windows:alt + 键盘上的⬅️健

         更多快捷键可以看左下角齿轮⚙️中的 -> 键盘快捷方式(可以自行设定键盘快捷操作方式)

    3、这个插件并不能去除代码后面多余的空格,强迫症患者 可以在进行设置一下

        点击左下角的齿轮⚙️,再点击设置

    然后输入:files.trimTrailingWhitespace   在将下方的选项勾选即可, 没生效的话就重启软件就好了

     4、设置左侧项目中的树的缩进。

         点击左下角的齿轮⚙️,在点设置

         然后输入:tree    在下方的控制树的缩进中, 输入你觉得合适的大小,即可调整左侧的树的缩进宽度

    展开全文
  • vsCode JS代码格式化插件ESlint

    千次阅读 2021-10-30 14:10:12
    vsCode JS代码格式化插件ESlint 验证有效,Ctrl+S保存代码全格式化了。写这个主要是个人笔记,算不得重复造。 源头:https://blog.csdn.net/qq_34803821/article/details/84972781 1、安装插件 VSCode中打开应用...

    vsCode JS代码格式化插件ESlint

    验证有效,Ctrl+S保存代码全格式化了。写这个主要是个人笔记,算不得重复造。

    源头:https://blog.csdn.net/qq_34803821/article/details/84972781

    1、安装插件

    VSCode中打开应用商店并搜索、安装三个插件:ESlint,vetur,Prettier - Code formatter。具体

     2、配置VSCode的Settings.json文件

    2.1、打开设置界面

    路径打开:File(文件)->Preferences(首选项)->Settings(设置)。

    快捷键打开:Ctrl+,

    2.2、打开Settings.json文件

    打开方法1:

     打开方法2:

     2.3、配置代码,// 代码格式化

    复制代码

    {
    // 代码文件头部注释
      "fileheader.customMade": {
        "Descripttion": "js",
        "Version": "1.0",
        "Author": "name",
        "Date": "Do not edit",
        "LastEditors": "name",
        "LastEditTime": "Do not edit"
      },
      "fileheader.cursorMode": {
        "name": "",
        "test": "test font",
        "msg": "",
        "param": "",
        "return": ""
      },
      
    // 代码格式化
      // vscode默认启用了根据文件类型自动设置tabsize的选项
      "editor.detectIndentation": false,
      // 重新设定tabsize
      "editor.tabSize": 2,
      // #每次保存的时候自动格式化
      "editor.formatOnSave": true,
      // #每次保存的时候将代码按eslint格式进行修复
      "eslint.autoFixOnSave": true,
      // 添加 vue 支持
      "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
          "language": "vue",
          "autoFix": true
        }
      ],
      //  #让prettier使用eslint的代码格式进行校验
      "prettier.eslintIntegration": true,
      //  #去掉代码结尾的分号
      "prettier.semi": false,
      //  #使用带引号替代双引号
      "prettier.singleQuote": true,
      //  #让函数(名)和后面的括号之间加个空格
      "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
      // #这个按用户自身习惯选择
      "vetur.format.defaultFormatter.html": "js-beautify-html",
      // #让vue中的js按编辑器自带的ts格式进行格式化
      "vetur.format.defaultFormatter.js": "vscode-typescript",
      "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
          "wrap_attributes": "force-aligned"
          // #vue组件中html代码格式化样式
        }
      },
      // 格式化stylus, 需安装Manta's Stylus Supremacy插件
      "stylusSupremacy.insertColons": false, // 是否插入冒号
      "stylusSupremacy.insertSemicolons": false, // 是否插入分好
      "stylusSupremacy.insertBraces": false, // 是否插入大括号
      "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
      "stylusSupremacy.insertNewLineAroundBlocks": false, // 两个选择器中是否换行
      "vetur.validation.template": false,
      "editor.codeActionsOnSave": null //关闭vetur标签闭合检查(用于解决iview标签报错)
    }

    复制代码

    展开全文
  • Vscode 一键格式化代码插件

    千次阅读 2020-12-09 17:26:11
    1.在Vscode应用商店安装下面这个插件。 2.然后点击鼠标右键,点击格式化文档就可以将代码格式化。这样代码就可以格式化了。
  • vscode react 代码格式化

    2022-04-18 14:06:01
    1. 安装vsocde插件:...3. *.jsx文件保存时自动格式化代码,在设置settings.json里添加 "[javascriptreact]": { // "editor.defaultFormatter": "esbenp.prettier-vscode" "editor.formatOnSave": true, ...
  • 一个插件搞定VScode代码格式化

    千次阅读 热门讨论 2020-11-29 10:41:31
    小伙伴本是否被代码格式化搞得身心俱疲,其实代码格式化很简单的。但是我先说说为什么代码格式化很重要。 公司里要求代码格式化,我们从现在就要养成这个好习惯(不然项目经理会生气的!!!) 很多时候,敲代码并...
  • vscode 配置vue+vetur+eslint+prettier自动格式化功能 问题描述 最近用Nodejs + express 写了一个zip文件上传的功能,代码给了别人看,各种吐槽,代码不规范,没有按照eslint,编辑器打开就是各种红色提醒,当然...
  • vscode格式化代码插件Beautify

    千次阅读 2019-01-27 23:45:00
    vscode格式化代码安装 VsCode 格式化代码插件搜索并安装 Beautify 格式化代码插件使用:打开要格式化的文件 —> F1 —> Beautify file —> 选择你要格式化代码类型 格式化对齐快捷键:Windows: Ctrl + ...
  • vsCode配置代码格式化

    千次阅读 2020-12-30 11:35:14
    在编译器vscode上配置ESLint、Prettier、Vetur这个三个插件,然后在编译器左上角文件的首选项中找到设置,搜索找到setting.json文件进行配置。配置如下:{"workbench.editor.enablePreview": false, //打开文件不覆盖...
  • Vscode代码格式化

    千次阅读 2021-06-14 00:51:02
    Vscode代码格式化Vscode代码格式化①首选项 → ② 设置③ 点击 这个小图标④ 然后把以下的代码复制进去。{"window.zoomLevel": 2, //设置窗口缩放级别"files.autoSave": "afterDelay", //自动保存代码"breadcrumbs....
  • VScode格式化代码配置及插件

    千次阅读 2020-09-07 18:21:34
    格式化的快捷键 Windows:Shift + Alt + F Mac: Shift + Option + F Ubuntu: Ctrl + Shift + I 安装了Elinst Vetur Prettier ,只需要这份配置就可以通用处理这些插件间的问题: 通配: 此配置支持 CSS、HTML、JS ...
  • 【小知识】VScode格式化代码配置及插件

    万次阅读 多人点赞 2019-08-20 02:31:17
    VScode格式化代码配置及插件 学会使用扩展和配置,能让你的vs code生产效率提高百分之二十 ——鲁迅
  • VSCODE的VUE代码格式化插件及配置

    千次阅读 2020-12-16 11:11:04
    1.引言 ...在vue文件,template 注释 Ctrl+/ 代码 //<slot name="left" :itemLeft="itemLeft">{{ itemLeft }}</slot> 这是html代码,注释应该是这样: <!-- <slot name="left" .
  • \"c:\\Users\\pan_q\\.vscode\\extensions\\gabrielbb.vscode-lombok-1.0.1\\server\\lombok.jar\"", "files.exclude": { "**/.classpath": true, "**/.project": true, "**/.settings": true, "**/.factorypath": ...
  • { // vscode默认启用了根据文件类型自动... // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式进行修复 "editor.codeActionsOnSave": { "source.fixAll.eslint..
  • VSCode】设置代码格式化插件Beautify

    千次阅读 2020-03-14 22:08:13
    开发过程,经常由于一些代码的复制粘贴,或者编写时的一些不良习惯,导致代码可读性比较差,这个时候就需要一个代码格式化插件来帮助我们把不规范的代码格式化一下。VSCode中拥有大量的插件库,其中最具代表性的...
  • windows下搭建php运行环境业余时间准备开发个小程序,后台准备使用php代码,开发工具选择了VScode,编码过程涉及到要代码格式化,将安装代码格式化方法记录下来,方便后续查询。步骤:1、下载...
  • vscode 代码格式化

    2021-08-31 00:51:10
    2、设置vscode代码格式化 打开vscode,搜索C_Cpp: Clang_format_fallback Style,按照如下格式设置。 { BasedOnStyle: WebKit, PointerAlignment: Right} 如果需要有自己的特殊代码格式要求,可以参考这篇文章里...
  • vscode代码自动格式化

    2022-03-01 10:59:31
    通过eslint,prettier,配置vscode实现保存(ctrl+s)时自动格式化代码。 1.首先安装eslint,prettier插件 2.文件->首选项->设置搜索 format save 3.搜索formatter进行配置
  • vscode格式化代码插件配置

    万次阅读 2019-12-25 14:09:15
    vscode使用过程,遇到了格式化代码后,很多代码报红的情况,怀疑是插件间起了冲突 如果你安装了 Elinst Vetur Prettier-Code formatter ,这三个插件 只需要这份配置就可以通用处理这些插件间的问题: 文件-首...
  • vue在vscode代码格式化

    2022-05-08 23:53:17
    vue代码格式化
  • VSCode中针对C语言的代码格式化配置

    千次阅读 2021-11-02 17:31:43
    默认格式化工具 打开设置(Ctrl + ,) ,选择“用户”配置,找到“文本编辑器” - “Default Formatter”: 安装了C/C++插件后,即可选择:C/C++ ms-vscode.cpptools 键入时自动格式化 建议使能该选项:...
  • VScode 中代码格式化

    2020-07-09 15:59:39
    Vue 中代码格式化 问题描述 希望在项目代码后面没有分号,字符串的双引号变成单引号等等 操作 在 vscode 里安装插件 Prettier - Code formatter 然后在项目的根目录下新建文件名为 .prettierrc的文件 编辑此文件...
  • 1、右键格式化不管用,按快捷键也不行。 解决方案 第一步:点击设置 第二步:点击右侧的图标会打开settings.json文件 "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter....
  • 1. 打开vscode配置的...2. 代码注释插件配置 打开Extensions侧边栏,搜索koroFileHeader插件并安装 打开vscode配置,在配置文件添加以下内容,字段可根据自己的需要增加删除;如果出错,请删除注释: "fileheader.c
  • 错误:The 'clang-format' command is not available. Please check your clang-format. 解决方法:按下组合键ctrl+shift+p ...在弹出的搜索窗口输入format 选择format code...选项后点击c/c++
  • VsCode vue代码格式化 (整理代码)

    千次阅读 2022-02-28 15:59:25
    ●VS_Code安装好插件 : Vetur ●打开vscode --> 文件 --> 首选项 --> 设置 ●选择扩展项 --> 打开settings.json文件 ●在settings.json文件,然后切换到文本格式,最后拷贝下面的内容 { // ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 11,832
精华内容 4,732
关键字:

vscode中代码格式化插件

友情链接: TMS320DM642AGNZA6.rar