1. 程式人生 > >sublimeText前端開發環境配置

sublimeText前端開發環境配置

    • 安裝外掛:Ctrl+Shift+P,輸入install,等待幾秒後出現外掛列表,輸外掛名再回車就能自動安裝。下文外掛名加連結的可以點進去學習使用方法。建議安裝外掛後都進設定選單配置一下。
    • 刪除外掛:Ctrl+Shift+P,輸入remove package,選擇外掛再回車。
  1. 要安裝的外掛

    • Emmet:快速編寫HTML和CSS程式碼
    • Vue Syntax Highlight這個外掛因為現在要開發vue的專案,所以程式碼高亮必不可少。
    • DocBlockr,註釋需要
    • babel react高亮顯示
  2. Sublime Text 設定

    • 首選項,設定-使用者

      // 視窗失焦立即儲存檔案
          "save_on_focus_lost"
      : true, // 自動移除行尾多餘空格 "trim_trailing_white_space_on_save": true, "trim_automatic_white_space": true, // 關閉自動更新 "update_check": false, // 自動換行 "word_wrap": "true", // Tab轉空格 "translate_tabs_to_spaces": true "tab_size": 4,
    • Sublime text設定快捷鍵讓編寫的HTML檔案在瀏覽器預覽
      {“keys”: [“alt+b”],”command”: “open_in_browser”}

emmet裡面的setting

{
 "snippets": {
  "variables": {
   "lang": "zh-CN"
  }
 }
}