倉庫地址: https://github.com/YutHelloWo...html
A JS standard setting of WebStorm前端
前端工做以來,開發工具一直使用的是WebStorm(前端) + Eclipse(後端Java服務)。WebStorm雖然吃內存,但畢竟是IDE,功能天然強大!react
一個開發團隊中,有的人喜歡用4空格縮進,有的人喜歡用2空格,沒有對錯之分。咱們使用規範,只是爲了代碼風格統一,方便互相review,避免爭論。git
這裏我根據多年的使用習慣,參考JS社區編程規範,導出了webstorm的設置jar包,方便有須要的同窗一鍵導入使用。github
主題 Material Themeweb
使用Eslint生成的Code Style ,遵循JavaScript Standard Style,補充"object-curly-spacing": [2, "always"]
,"comma-dangle": "off"
。詳見:
https://github.com/YutHelloWo...編程
快捷鍵 Mac OS (可根據本身喜愛替換)後端
附帶webstorm一些設置技巧bash
https://github.com/YutHelloWo...curl
克隆倉庫
$ git clone https://github.com/YutHelloWorld/WebStrom-Setting.git
把倉庫中的setting.jar
導入到WebStorm。操做:File -> Import Settings
選中要格式化的代碼,使用格式化快捷鍵Command+option+L(Mac)格式化代碼,就可以使得JS代碼保持和設置的JS規範一致。
推薦安裝插件:Material Theme UI。方法:Prefences -> Plugin -> Browse Repositories -> 搜索 Material Theme UI 並安裝。
效果