前端入門(二)

一款好用的編輯器Sublime

安裝

1赘风、下載
下載網(wǎng)址http://lucifr.com/2011/08/31/sublime-text-2-tricks-and-tips/
2碍彭、安裝插件包Package Control
方法1遣臼、按 Ctrl+`(就是~這個(gè)鍵) 復(fù)制下面的代碼 確認(rèn) 重新啟動(dòng)sublime text2

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

sublime text3安裝代碼

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

如果安裝失敗請(qǐng)移步https://packagecontrol.io/installation
方法2庸诱、下載[Package Control]的安裝包
http://sublime.wbond.net/Package%20Control.sublime-package
點(diǎn)擊菜單欄preference下面的Preference--Browse Packages--退回上一層文件夾-打開Installed Packages--復(fù)制進(jìn)去
3、安裝插件
步驟:
1昧碉、快捷鍵Ctrl+Shift+p打開Package Control
2埃脏、輸入Install Package回車,輸入插件名稱比如Emmet
4丢郊、插件推薦
Alignment :主要用于代碼對(duì)齊
AutoFileName:快捷輸入文件名
Bracket Highlighter:代碼匹配
ConvertToUTF8:文件轉(zhuǎn)碼成utf-8
Emmet:編碼快捷鍵盔沫,很強(qiáng)大哦
HTML/CSS/JS Prettify :格式化HMTL/CSS/JS
JsFormat:Javascript的代碼格式化插件
Js Minifier:一款基于Google Closure compiler壓縮Js文件插件
LESS:LESS高亮插件
PhpTidy:格式化php
SFTP:sftp上傳
SublimeCodeIntel:代碼提示
SublimeTmpl:模板插件
ColorPicker:調(diào)色板
...
ps:每次安裝完插件需要重啟編輯器才能看到新安裝的插件
4、常用快捷鍵(部分建立在插件安裝的基礎(chǔ)上)
1枫匾、Ctrl+Alt+h新建一個(gè)html文件(Ctrl+Alt+
架诞,
可以是h、p干茉、c谴忧、j等分別對(duì)應(yīng)html、php角虫、css沾谓、js文件
2、在新建的頁面中輸入戳鹅!均驶,然后回車可以建好一個(gè)html文件的主要框架,還有多種類似的快捷方式請(qǐng)搜索emmet快捷鍵
3枫虏、選中你想要修改的文字妇穴,然后重復(fù)Ctrl+D就可以選中頁面中所有相同的文字
4、按住Ctrl隶债,鼠標(biāo)光標(biāo)可以放在多個(gè)你想要修改或者添加文字的地方
5腾它、Ctrl+F查找
6、Ctrl+W關(guān)閉當(dāng)前頁
7燃异、Ctrl+Shift+T打開剛剛關(guān)閉的頁面
...
5携狭、Sftp上傳
1、安裝SFTP插件
2回俐、左側(cè)Folders欄中→選擇項(xiàng)目文件夾→右鍵點(diǎn)擊Sftp→點(diǎn)擊Map to Remote→會(huì)新生成一個(gè)json格式的文件
3逛腿、部分修改sftp-config.json文件

{
    // The tab key will cycle through the settings when first created
    // Visit http://wbond.net/sublime_packages/sftp/settings for help
    
    // sftp, ftp or ftps
    "type": "sftp",

    "save_before_upload": true,
    "upload_on_save": false,
    "sync_down_on_open": false,
    "sync_skip_deletes": false,
    "sync_same_age": true,
    "confirm_downloads": false,
    "confirm_sync": true,
    "confirm_overwrite_newer": false,
    
    "host": "example.com",
    "user": "username",
    //"password": "password",
    //"port": "22",
    
    "remote_path": "/example/path/",
    "ignore_regexes": [
        "\\.sublime-(project|workspace)", "sftp-config(-alt\\d?)?\\.json",
        "sftp-settings\\.json", "/venv/", "\\.svn/", "\\.hg/", "\\.git/",
        "\\.bzr", "_darcs", "CVS", "\\.DS_Store", "Thumbs\\.db", "desktop\\.ini"
    ],
    //"file_permissions": "664",
    //"dir_permissions": "775",
    
    //"extra_list_connections": 0,

    "connect_timeout": 30,
    //"keepalive": 120,
    //"ftp_passive_mode": true,
    //"ftp_obey_passive_host": false,
    //"ssh_key_file": "~/.ssh/id_rsa",
    //"sftp_flags": ["-F", "/path/to/ssh_config"],
    
    //"preserve_modification_times": false,
    //"remote_time_offset_in_hours": 0,
    //"remote_encoding": "utf-8",
    //"remote_locale": "C",
    //"allow_config_upload": false,
}

upload_on_save:改為true是保存文件時(shí)會(huì)自動(dòng)上傳到服務(wù)器
host:改為自己想要上傳的域名
user、password仅颇、port:用戶名单默、密碼、端口
remote_path:上傳路徑
6忘瓦、插件移除
ctrl+shift+p輸入remove package列表出選擇要移除的插件即可

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末搁廓,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌境蜕,老刑警劉巖蝙场,帶你破解...
    沈念sama閱讀 211,639評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異粱年,居然都是意外死亡售滤,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門台诗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來完箩,“玉大人,你說我怎么就攤上這事拉队”字” “怎么了?”我有些...
    開封第一講書人閱讀 157,221評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵粱快,是天一觀的道長秩彤。 經(jīng)常有香客問我,道長皆尔,這世上最難降的妖魔是什么呐舔? 我笑而不...
    開封第一講書人閱讀 56,474評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮慷蠕,結(jié)果婚禮上珊拼,老公的妹妹穿的比我還像新娘。我一直安慰自己流炕,他們只是感情好澎现,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著每辟,像睡著了一般剑辫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上渠欺,一...
    開封第一講書人閱讀 49,816評(píng)論 1 290
  • 那天妹蔽,我揣著相機(jī)與錄音,去河邊找鬼挠将。 笑死胳岂,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的舔稀。 我是一名探鬼主播乳丰,決...
    沈念sama閱讀 38,957評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼内贮!你這毒婦竟也來了产园?” 一聲冷哼從身側(cè)響起汞斧,我...
    開封第一講書人閱讀 37,718評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎什燕,沒想到半個(gè)月后粘勒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,176評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡屎即,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評(píng)論 2 327
  • 正文 我和宋清朗相戀三年仲义,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片剑勾。...
    茶點(diǎn)故事閱讀 38,646評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖赵颅,靈堂內(nèi)的尸體忽然破棺而出虽另,到底是詐尸還是另有隱情,我是刑警寧澤饺谬,帶...
    沈念sama閱讀 34,322評(píng)論 4 330
  • 正文 年R本政府宣布捂刺,位于F島的核電站,受9級(jí)特大地震影響募寨,放射性物質(zhì)發(fā)生泄漏族展。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評(píng)論 3 313
  • 文/蒙蒙 一拔鹰、第九天 我趴在偏房一處隱蔽的房頂上張望仪缸。 院中可真熱鬧,春花似錦列肢、人聲如沸恰画。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拴还。三九已至,卻和暖如春欧聘,著一層夾襖步出監(jiān)牢的瞬間片林,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評(píng)論 1 266
  • 我被黑心中介騙來泰國打工怀骤, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留费封,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,358評(píng)論 2 360
  • 正文 我出身青樓晒喷,卻偏偏與公主長得像孝偎,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子凉敲,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評(píng)論 2 348

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