React 安裝Less，Esay LESS配置過程的踩的坑
經過測試和對比，最終選擇less，在安裝過程踩了一些坑，進行記錄，希望能幫助後來的人。
寫在前面，請您自行安裝 node.js 并且搭建好腳手架，此處不在贅述
1、首先在npm 下安裝less
首先安裝less
$ npm install -g less
安裝的這個不進行贅述。
然後初始化
less --init
2、安裝自動化編譯的腳本 Esay LESS
示例以 vs code 舉例
Ctrl + Shift + X 打開插件下載下傳 或者點選下圖
最大的坑，搜尋Esay LESS 請不要搜Esay-less
此處卡了1天的時間，準備要放棄的時候，看到了有兩個同名的，試了下，這個才是我要找的。千萬注意區分，找錯了，運作是運作不過去的。
Esay LESS 是要使用的，但是還有一個專門給小程式寫的Esay-less，特别容易混淆。
正确的圖示應該是下圖
打開的内容截圖應該是這樣。
3、配置運作Esay LESS
網上搜到的都是清一色的
添加至 .vscode->settings.json檔案中的
問題1.有些人沒有這個檔案需要自行建立 建立 ".vscode"檔案時，會報請輸入檔案名的錯誤，網上查詢後，有大神指出".vscode."最後多增加一個"."即可解決這個問題
問題2.配置檔案的打開方式
File->Preferences->settings-> （或者 檔案-》首選項-》設定-》）
打開後，粘貼内容至檔案中儲存即可
“less.compile”: {
“compress”: false,
“sourceMap”: false,
“out”: “…/src/css/” //配置自動輸出的檔案夾
}
4、關于搜尋到的的Esay-less插件
我找到文章：https://www.cnblogs.com/breakdown/p/10609230.html
應該是用于小程式開發的過程中，直接生成小程式指定檔案的樣式檔案的。
{
“less.compile”: {
“outExt”: “.acss”
}
}