Sublime Text3 搭建前端開發環境


第一步:百度搜索sublime text3 ,直接點擊紅色箭頭下方的下載地址,下載完成安裝后會提示是否更新,直接點擊更新就好了!

 

 

第二步:下載插件管理器,點擊菜單欄Tools->Package Control,安裝完后有提示就說明安裝完成!

第三步:安裝插件,按下Ctrl+Shift+P調出命令面板,輸入install 調出 Install Package 選項並回車。

 

 

 回車后下方狀態欄提示:

等待一會出現以下搜索欄:

 

 

 在搜索欄中輸入插件名:Emmet,然后回車,下載完會新建一個成功的頁面。

Emmet(代碼提示插件html/css)一種快速編寫html/css的方法,使用方法:(tab快捷鍵)

接下來按照上面的方法安裝一些常用的插件

1、SublimeCodeIntel(作為一個代碼提示和補全插件)

2、SublimeLinter (代碼檢查插件)

3、ColorPicker(調色板(需要輸入顏色時,可直接選取顏色))

4、AutoFileName(自動完成文件名的輸入,如圖片選取,快捷輸入文件名路徑補全)

5、ChineseLocalzations (菜單漢化)

本人暫時安裝了這些,有其他需要的可百度一下。

第四步:設置快捷鍵打開瀏覽器預覽

 

 點擊菜單欄Preferences->Key Bindings

 

 

 在這里面添加一下代碼:

//chorme
{
"keys": ["f12"],
"command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Users\\Administrator\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
"extensions": ".*"
}
}

特殊說明:

 

 

 從谷歌瀏覽器屬性這里的地址是需要加多一個\

"keys": ["f12"], 這個是快捷鍵的設置,保存就好啦!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM