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"
    },

完畢。