sublime前端開發(fā)工具

標(biāo)簽: 前端工具


其他常用的插件

  • All autocomplete: 根據(jù)已打開文件的關(guān)鍵字來補(bǔ)全
  • AutoFileName: 自動補(bǔ)全文件名
  • BracketHighLighter: 突出顯出括號
  • DocBlockr: 寫文檔注釋必備
  • EditorConfig: 編輯器環(huán)境統(tǒng)一配置文件
  • Emmet: 編寫HTML CSS的神器壳坪,需要學(xué)它的語法
  • Gist :與自己的gist庫連接,需要權(quán)限
  • SidebarEnhancement: 側(cè)邊欄增強(qiáng)
  • SyncedSidebar: 根據(jù)文件自動打開左邊目錄樹
  • todopreview: 查看所有TODO注釋

SublimeLinter-contrib-eslint

eslint是語法檢查的工具悔醋,需要用到npm,安裝過程如下:

1.首先全局安裝eslint绪氛,后面那個是支持es6
npm i -g eslint babel-eslint eslint-plugin-react

2.然后sublime3安裝插件(貌似只有st3支持)
package install進(jìn)入安裝界面,安裝SublimeLinter-contrib-eslint
如果沒有sublimeLinter還要安裝它SublimeLinter懂傀。

3.sublime安裝babel
打開一個js文件設(shè)置view->syntax->open all with extension as->babel->javascript

4.設(shè)置SublimeLinter路徑
Preference->Package Setting->SublimeLinter->User Setting

...
"paths": {
            "linux": [],
            "osx": [],
            "windows": ["C:\\Users\\Administrator\\AppData\\Roaming\\npm"]
        },
...

tips: 參看這個

5.設(shè)置.eslintrc
項(xiàng)目根目錄上新建文件.eslintrc,它是長這個樣子的

module.exports = {
    "parser": "babel-eslint",
    "env": {
        "browser": true,
        "es6": true,
        "mocha": true,
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaFeatures": {
            "ecmaVersion": 6,
            "experimentalObjectRestSpread": true,
            "jsx": true
        },
        "sourceType": "module"
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "indent": [
            "error",
            "tab"
        ] 
    }
}

詳細(xì)設(shè)置可以參考官方
或者這篇文章 eslint配置參數(shù)介紹
這篇文章更詳細(xì)

現(xiàn)在應(yīng)該能夠用了流强,不能用的話可以先用命令行試下eslint file看看有沒有報(bào)錯。


Floobits

結(jié)對編程的工具激捏,可以實(shí)時同步兩臺機(jī)器的代碼设塔,支持sublime text, atom等編輯器≡毒耍可以免費(fèi)使用闰蛔。

floobits官網(wǎng)
安裝:很簡單的,看官網(wǎng)图柏,不多說了序六。
使用:以sublime為例,兩臺機(jī)注冊兩個號蚤吹,然后一臺share workspace創(chuàng)建倉庫例诀,另一臺join workspace加入倉庫随抠,代碼權(quán)限可以上官網(wǎng)搞,之后就可以兩臺機(jī)一起敲代碼了繁涂,挺好玩的拱她。
注意: 每次打開編輯器都要join workspace登錄倉庫來進(jìn)行實(shí)時同步。


Emmet LiveStyle

前端頁面編寫的福音叭幼铩1印!矿酵!

樣式實(shí)時預(yù)覽工具唬复,不刷新頁面,實(shí)時更新頁面樣式全肮,支持瀏覽器與編輯器的雙向綁定敞咧,也就是說瀏覽器上的修改也會寫到編輯器上。同時也支持遠(yuǎn)程調(diào)試辜腺。一個字休建,神器!目前有chrome和sublime的插件哪自。

官網(wǎng)在此 - Emmet LiveStyle

使用超級簡單丰包,下載安裝就可以用了。


沒完壤巷,偶爾更新。瞧毙。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末胧华,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子宙彪,更是在濱河造成了極大的恐慌矩动,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,865評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件释漆,死亡現(xiàn)場離奇詭異悲没,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)男图,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評論 3 399
  • 文/潘曉璐 我一進(jìn)店門示姿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人逊笆,你說我怎么就攤上這事栈戳。” “怎么了难裆?”我有些...
    開封第一講書人閱讀 169,631評論 0 364
  • 文/不壞的土叔 我叫張陵子檀,是天一觀的道長镊掖。 經(jīng)常有香客問我,道長褂痰,這世上最難降的妖魔是什么亩进? 我笑而不...
    開封第一講書人閱讀 60,199評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮缩歪,結(jié)果婚禮上归薛,老公的妹妹穿的比我還像新娘。我一直安慰自己驶冒,他們只是感情好苟翻,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,196評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著骗污,像睡著了一般崇猫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上需忿,一...
    開封第一講書人閱讀 52,793評論 1 314
  • 那天诅炉,我揣著相機(jī)與錄音,去河邊找鬼屋厘。 笑死涕烧,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的汗洒。 我是一名探鬼主播议纯,決...
    沈念sama閱讀 41,221評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼溢谤!你這毒婦竟也來了瞻凤?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,174評論 0 277
  • 序言:老撾萬榮一對情侶失蹤世杀,失蹤者是張志新(化名)和其女友劉穎阀参,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體瞻坝,經(jīng)...
    沈念sama閱讀 46,699評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蛛壳,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,770評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了所刀。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片衙荐。...
    茶點(diǎn)故事閱讀 40,918評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖勉痴,靈堂內(nèi)的尸體忽然破棺而出赫模,到底是詐尸還是另有隱情,我是刑警寧澤蒸矛,帶...
    沈念sama閱讀 36,573評論 5 351
  • 正文 年R本政府宣布瀑罗,位于F島的核電站胸嘴,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏斩祭。R本人自食惡果不足惜劣像,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,255評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望摧玫。 院中可真熱鬧耳奕,春花似錦、人聲如沸诬像。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,749評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽坏挠。三九已至芍躏,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間降狠,已是汗流浹背对竣。 一陣腳步聲響...
    開封第一講書人閱讀 33,862評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留榜配,地道東北人否纬。 一個月前我還...
    沈念sama閱讀 49,364評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像蛋褥,于是被迫代替她去往敵國和親临燃。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,926評論 2 361

推薦閱讀更多精彩內(nèi)容