插件可以極大的提高我們的工作效率并且能讓我們的代碼格式更加整齊、更加易讀 Sublime Text本身沒有管理插件的功能，但是我們可以安裝一個Package Control 安裝后可以用它來管理各個插件 https://packagecontrol.io/installation打開官網 選擇相應的Sublime Text版本 復制下面的pathon代碼 在Sublime Text中使用View > Show Console打開控制臺輸入這行代碼 輸入后直接回車執行就可以安裝Package Control 了 安裝完成后需要重新啟動Sublime Text 重啟后執行PReferences的Package Control 選擇Package Control:Install Package可以看到左下角顯示Package Control正在加載所有的倉庫列表 加載完成后首先安裝emmet 回車后開始安裝 emmet是用來編寫html和CSS的插件 使用emmet我們可以用特殊的語法來編寫html和css 加快開發效率 emmet的原名是then coding 出現如下畫面表示安裝完成 但是注意emmet需要pathon的v8引擎 等到左下角的安裝v8引擎狀態消失才徹底安裝完畢 安裝完成后需要重啟 測試是否安裝成功emmet 新建text.html 書寫如下代碼 按下Tab鍵 說明安裝成功

安裝插件HTML-CSS-JS Prettify 作用是將HTML/CSS/JS的格式進行標準化 安裝過程如上安裝emmet 安裝完成后進行測試 將壓縮的react.min.js的托到Sublime Text工作窗口顯示如下 壓縮后的代碼去除了所有的空格和回車 在代碼中右鍵會顯示 選擇第一個HTML/CSS/JS Prettify的Prettify Code或者使用快捷鍵Ctrl+Shift+H 彈出錯誤提示 沒有安裝node.js 注意：React.js雖然是一個前端框架，但是它也可以運用到后端的node.js中，在服務端進行頁面的渲染，這樣做可以提供網站的載入速度，完善SEO并且更加便于測試 配置好Node后再次測試 會看到如下樣式

Spacegray模板安裝 嚴格來說模板其實并不能說是功能性的插件，只是用來改變編輯器的外觀 https://github.com/kkga/spacegray/ 安裝方法如上 安裝完成后重啟 主題安裝完成后默認并沒有啟用 我們需要手動啟用 首先打開配置文件Preferences > settings 在Spacegray模板官網找到 How to Activate 如何激活 它本身有三種模板 我們這里選擇第三種 將中間的兩行代碼復制并粘貼到配置文件中 保存后主題就啟用了