zoukankan      html  css  js  c++  java
  • VUE 配置vscode关于vue插件

    前言:最近在搞vue项目,所谓  工欲善其事,必先利其器,下面我来配置下常用的vue插件

    1、vetur

      可以将“.vue”文件中的语法进行高亮显示,Vetur不仅支持Vue中的template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass、TypeScript、Jade和Less等等。

     

    2、Chinese (Simplified) Language Pack for Visual Studio Code

      汉化的vscode插件

     

    3、Beautify

      格式化代码,可以设置4空格缩进,安装后,点击 文件 -> 首选项 -> 设置 , 然后点击右上角的  打开设置(json),加入下面配置即可

      格式化代码的快捷键:shift + Alt + F

      

    {
        "beautify.config": {
            "indent_size": 4
        },
        "beautify.language": {
            "js": {
                "type": [
                    "javascript",
                    "json"
                ],
                "filename": [
                    ".jshintrc",
                    ".jsbeautify"
                ]
            },
            "css": [
                "css",
                "scss"
            ],
            "html": [
                "htm",
                "html",
                "vue" //在这里加上vue,beautify插件默认不格式vue文件
            ]
        },
        "workbench.colorTheme": "Default Dark+",
        "editor.detectIndentation": false,
        "[vue]": {
            "editor.defaultFormatter": "HookyQR.beautify" // 设置默认beautity为格式化
        }
    }
  • 相关阅读:
    两个有序链表的合并
    Perl学习笔记
    生信-基本概念
    生信-序列比较dp[未完成]
    PAT 1091 Acute Stroke [难][bfs]
    PAT 1038 Recover the Smallest Number[dp][难]
    PAT 1078 Hashing[一般][二次探查法]
    PAT 1122 Hamiltonian Cycle[比较一般]
    PAT 1151 LCA in a Binary Tree[难][二叉树]
    PAT 1148 Werewolf
  • 原文地址:https://www.cnblogs.com/chenhaoyu/p/15123528.html
Copyright © 2011-2022 走看看