zoukankan      html  css  js  c++  java
  • vscode插件

    EsLint —— 语法纠错

    Auto Close Tag —— 自动闭合HTML/XML标签

    Auto Rename Tag —— 自动完成另一侧标签的同步修改

    CSS Peek 你可以追踪至样式表中 CSS 类和 ids 定义的地方

    Class autocomplete for HTML 智能提示HTML class =“”属性(必备)

    htmlhint html代码检测

    JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

    Path Intellisense —— 自动路径补全

    HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式

    Beautify——格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则(pretty就不要用这个了)

    Bracket Pair Colorizer——给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

    open in browser——直接右键项目单击启动

    language-stylus stylus语法支持

    Prettier formatter
     代码格式化

    npm Intellisense
     import、require npm模块是自动补全

    Vue VSCode Snippets
     Vue 语法片段扩展

    Vetur
     Vue语法支持。包括语法高亮、语法代码提示、语法lint检测等

    VueHelper vue代码片段

    Comment Translate 自动将英文翻译为中文

    Chinese Language Pack 中文语言包

    indent-rainbow 凸显缩进着色,让你的缩进一目了然

    GitLens 在代码中显示每一行代码的提交历史

    配置详解
    editor是针对vscode的风格设置
    例如 tabSize:一个tab等于2个空格,行高为24px

    workbench是针对vscode的主题设置
    例如 iconTheme( 图标风格):使用插件 vscode-great-icons (需搜索安装)

    search.exclude 配置vscode中项目中的哪些地方被排除搜索,避免你每次搜索结果中都有一大堆无关内容

    files.associations 配置文件关联 :

    任何 vue 后缀的文件会被认为是 html 文件 ,(查看编辑器右下角) 然后 vscode 会用 html 规则匹配 vue 文件做相应格式化,代码提示等。

    任何 wxss 后缀的文件被认为是 css 文件 ,然后 vscode 会用 css 规则匹配 wxss 文件,对 css 的属性排序,rem 自动转换,格式化等

    sync是用于同步vscode配置使用,不用每一次换个电脑都要复制一次配置,避免丢失或者改动,保持一致!收藏文章/复制粘贴最好。会持续更新

    apicloud 是用于同步 vscode 开发apicloud程序时进行手机wifi真机同步使用,不用数据线即可进行PC修改代码,真机调试。

    vetur 和prettier以及stylus是用于vue开发时的代码格式化, 代码提示.

    filesize在底部状态栏左侧,显示当前文件大小,没啥用

    Live Server快速启动本地服务器,注意只对.html和.htm文件有效。对html文件点击鼠标右键,选择open with Live Server.

  • 相关阅读:
    Vi 和 Vim
    The C Programming Language-Chapter 5 Pointers and Arrays
    C# 4.0开始,泛型接口和泛型委托都支持协变和逆变
    数据库中的锁 and java StampedLock ReadWriteLock
    NetCore and ElasticSearch 7.5
    网关项目 ReverseProxy
    异常捕获&打印异常信息
    刷新:重新发现.NET与未来
    2019 中国.NET 开发者峰会正式启动
    .NET开发者必须学习.NET Core
  • 原文地址:https://www.cnblogs.com/yxyc/p/14648869.html
Copyright © 2011-2022 走看看