Visual Studio Code 配置 EasyLESS，若是想用less，但又不想在組件中直接添加 style 時能夠參考

在用 vue 畫頁面時，若是想用less，但又不想在組件中直接添加 style ，能夠使用 vs code 的插件：EasyLess

EasyLess 安裝好後必須在 setting.json 中對它進行配置。若是使用默認配置，在編寫 less 後，會自動在根目錄編譯生成多個以 less 命名的 css 文件。一個項目中是不須要加載不一樣的 css 文件的，能夠把全部的組件樣式合併爲一個 css 文件，好比下面這樣的：

能夠將不一樣組件的樣式以不一樣的 less 文件進行編輯，最後生成一個 app.css 文件，而後在項目的 index.html 中加載。

若是哪一個組件的佈局或樣式有變化，能夠直接在 less 文件夾中找到對應組件的 less 文件進行修改。

EasyLESS 的配置文件爲：

    "less.compile": {
        "out": "../css/app.css", //定義好輸出的文件路徑
        "sourceMap": false,
        "compress": true,
        "autoprefixer": "> 5%, last 2 Chrome versions, not ie 6-9"
    },

完畢。