1、首先安裝webstorm 8.0
2、安裝nodejs
nodejs官方版本有32位和64位，可以根據實際需要進行選擇安裝。
3、安裝less
安裝成功的介面是這樣的（如圖）。
在這裡，我們能夠看到lessc安裝的目錄，這個要先記下來。
4、在webstorm裡面配置less編譯
這個步驟稍微複雜一些，開啟webstorm，找到「file -> settings」，在「ide settings」裡面找到「external tools」。
點選「+」，如圖填寫「name」和「group」，在「tool settings」裡面有三個專案需要填寫。「program」選擇「node.exe」的實際路徑，「working directory」就是nodejs的安裝目錄。
最重要的就是「parameters」，格式為：
lessc安裝的目錄lessc $filepath$
我這裡實際上是：
到這裡，就完成一大半了。現在我們可以新建乙個工程，並且開啟乙個less檔案了。
在初次開啟less檔案的時候，在編輯介面的右上方會出現乙個「add watcher」鏈結，這裡就是為了為此專案的less檔案配置watcher的地方，點選開可以對輸出路徑進行配置「output paths to refresh」，其他配置無需變化。
如果想再次修改watcher，在「file -> settings -> external tools(外部工具)」裡面可以再次修改。
webstorm 的安裝及各種配置
作為程式設計師，了解的前端編輯器的種類，和其功能特點必不可少，而筆者在此介紹的這個webstorm編輯器，更適合程式設計師進行模組化開發，能夠建立自己的伺服器，自己建立後台介面，訪問方便快捷，粗暴，與vue配合使用，更加能體現其效果，以下為webstorm的安裝及使用大全 1.1 官網位址 說明 m...
Nodejs 開發工具Webstorm安裝
2019 02 22 可用，選中間的activetion code 前提 修改本地的hosts配置檔案 etc hosts 最後一行新增這句話 0.0.0.0 account.jetbrains.com 然後去生成註冊碼 就ok了！3 將d program files jetbrains webst...
WebStorm2017 1安裝和配置
先導目錄 1 安裝webstorm2017.1 2 安裝node.js 3 安裝angular2 typescript 4 建立webstorm project 利用webstorm2017.1開發，需要angular2或者高版本的node.js 好像4以上 廢話 通過安裝必要的語言外掛程式，起到乙...