整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          前端開發(fā)不可不知的10個Sublime Text應(yīng)用

          前端開發(fā)不可不知的10個Sublime Text應(yīng)用技巧


          ublime是我們前端開發(fā)非常常用的編輯工具,今天來給大家分享10個應(yīng)用技巧和訣竅。


          1) 選擇

          以下是一些Sublime Text選擇文本的快捷鍵:

          • Command + D 選中一個單詞
          • Command + L 選中一行
          • Command + A 全選
            Ctrl + Command + M` 選中括號內(nèi)所有內(nèi)容 (編寫CSS或JS時非常實用)


          Sublime Text還支持一次選中多行的操作:Furthermore, Sublime Text brings lets us select multiple lines at once, which can significantly boost your productivity. There are several ways to perform this feature:

          • Command 按住Command鍵再點擊想選中的行
          • Command + Ctrl + G (選中部分文本時) 按此鍵選中所有相同文本
          • Command + D (選中部分文本時) 直接選中下一次出現(xiàn)的該文本


          2) CSS排序

          CSS屬性的順序一般不重要,因為無論何種順序瀏覽器都能正確渲染。但排序所有的屬性還是有助于代碼的整潔。在Sublime Text中,選中CSS屬性后按F5就可以按字母順序排序。

          也可以使用 CSSComb 等第三方插件,更詳細(xì)的控制排序的方法。


          3) 命令面板(Command Palette)

          使用命令面板可以快速完成多重任務(wù)。按Command + Shift + P調(diào)出面板,鍵入需要的命令即可。看以下的幾個示例:

          ▼ 重命名文件

          ▼ 設(shè)置文件為HTML語法

          ▼ 插入代碼片段


          4) 切換標(biāo)簽頁與工程

          在同時打開多個標(biāo)簽頁時,可以用以下的熱鍵切換:

          • Command + T 列出所有的標(biāo)簽頁
          • Command + Shift + ] 下一標(biāo)簽頁
          • Command + Shift + [ 上一標(biāo)簽頁
          • Command + Ctrl + P 切換側(cè)邊欄顯示的工程


          5) 拼寫檢查

          如果你經(jīng)常使用Sublime Text從事英文創(chuàng)作,那么啟用拼寫檢查就非常有用處了。選擇Preferences > Settings – User菜單,添加以下代碼:

          "spell_check": true,


          6) 跨文件編輯

          同一個編輯操作可以在多個文件中同時重復(fù)。舉個例子,多個文件中有同一段代碼時,可用以下的步驟快速編輯:

          1. 按Command + Shift + F在Find框中輸入待查找的代碼。可按Command + E快速使用選擇中的代碼段。
          2. 在Where框中指定需要查找的文件范圍,或填寫<open files>表示查找目前打開的文件。
          3. 在Replace框中輸入要替換成的代碼,按Replace按鈕批量替換。


          7) 文件爬蟲

          按Command + R可以列出文檔中所有的CSS選擇器。可以選擇并立刻跳轉(zhuǎn)查看。這個操作比使用一般的“查找”功能快得多。


          8) 更換主題

          Sublime Text的外觀主題可以更換。Soda Theme就是一個不錯的主題,可以在包管理器中安裝。

          如果要安裝的主題并不在在線軟件倉庫中,也可以手動安裝:

          1. 下載并解壓縮主題包
          2. 點擊菜單 Preferences > Browse Packages…
          3. 把主題文件夾復(fù)制到Packages文件夾中.
          4. 點擊菜單 Preferences > Settings – Users 并加入以下代碼:"theme": "Soda Light.sublime-theme"


          9) 更換Sublime Text程序圖標(biāo)

          不僅主題可以更換,圖標(biāo)也可以。在Dribbble上有大量重新設(shè)計的Sublime Text精美圖標(biāo)。更換方法:

          下載一個圖標(biāo),有.icns格式的最好。如果沒有,用iConvert轉(zhuǎn)換之。

          終端執(zhí)行:

          open /Applications/Sublime\ Text.app/Contents/Resources/

          替換Sublime Text 3.icns或Sublime Text 2.icns文件。


          8) 增強側(cè)邊欄

          SideBarEnhancements插件有效地改進(jìn)了Sublime Text的側(cè)邊欄。安裝插件后在側(cè)邊欄上點擊右鍵,可以找到一下新功能:在資源管理器中打開、新建文件、新建文件夾、以…打開、在瀏覽器中打開。

          注:在瀏覽器中打開的熱鍵是F12。

          你還知道哪些sublime的技巧嗎?歡迎你來留言哦!

          互聯(lián)網(wǎng)高速發(fā)展的今天,我們通過瀏覽器可以看到各種各樣的網(wǎng)站,包含了各式不同的領(lǐng)域還有內(nèi)容,通過點擊網(wǎng)站上的標(biāo)簽和欄目我們就能夠很方便地看到網(wǎng)站上顯示的各種數(shù)據(jù),而這些都是建立在HTML這種標(biāo)記語言的基礎(chǔ)上做到的。

          HTML的英文全稱為Hyper Text Markup Language,中文稱作超文本標(biāo)記語言,是一種專門用來建立網(wǎng)站的標(biāo)識語言。其中包括了許多標(biāo)簽將分散的網(wǎng)絡(luò)數(shù)據(jù)連接到一起,聚合同一之后形成了我們現(xiàn)在所看到的網(wǎng)頁。

          看到這里是不是有許多朋友想要知道這個HTML語言該怎么去學(xué)習(xí)呢?是需要找老師統(tǒng)一學(xué),還是去圖書館找專業(yè)書籍自己學(xué)好呢?不用擔(dān)心,因為今天要給大家推薦的就是一個專門為大家提供各種編程語言教程的學(xué)習(xí)網(wǎng)站。

          這個網(wǎng)站名叫 runoob,直接在瀏覽器上搜索即可找到。


          圖片來自RUNOOB網(wǎng)頁截圖

          在首頁可以看到該欄目的第二個就是關(guān)于HTML的學(xué)習(xí)教程,點擊左邊的方框可以調(diào)整你的課程進(jìn)度,在第一章節(jié)的教程中很清晰地講解了什么是HTML,以及告訴了你一些關(guān)于網(wǎng)站建立的小知識。

          下方的提示框會給你提供一些對HTML零基礎(chǔ)新手的科普,關(guān)于這種標(biāo)記語言應(yīng)該如何進(jìn)行保存,如何查看文件后輟名,如何打開代碼文件等等,還會提供一些專用工具供你學(xué)習(xí)使用。同時網(wǎng)站會給你簡單介紹一些網(wǎng)頁編程語言的區(qū)別,還有各種用途上的區(qū)分,非常地詳細(xì)。


          圖片來自RUNOOB網(wǎng)頁截圖

          在第三章節(jié)的編輯器一欄里,會提供給你一些HTML的專用編輯器,例如VS Code,還有sublime text 等實用工具,在后面會教你如何將這些HTML必備編輯器下載并安裝,然后在瀏覽器上面運行。

          通過插件還有語言編程的格式我們就能夠?qū)W會如何制作第一步的標(biāo)題了,剛開始的一步比較簡單,相信大家很快就能學(xué)會如何在網(wǎng)頁上顯示自己打入的文字了。之后進(jìn)一步的學(xué)習(xí)就是關(guān)于如何調(diào)整文字段落,還有各種標(biāo)識的使用。


          圖片來自RUNOOB網(wǎng)頁截圖

          在如何進(jìn)行文字排版編輯的方面,教程中也講述得很詳細(xì),包括一些用戶們常犯的錯誤,還有一些網(wǎng)頁的實例,甚至是這個教學(xué)網(wǎng)站上的排版示范都會進(jìn)行一一講解。

          更深入的章節(jié)會對如何進(jìn)行圖像排列,傳輸?shù)确矫孢M(jìn)行細(xì)講,教程中把大部分網(wǎng)站會使用到的技巧還有排版方式都分成了許多個小片段,方便大家能夠?qū)γ總€方面針對性地學(xué)習(xí)。這些內(nèi)容并不多,幾乎每一個片段都是用很直白的語言進(jìn)行講解,方便所有人都能夠看懂,并且在下方都會有更詳細(xì)的術(shù)語解析,還有一些比較難懂的點會舉例解釋。


          圖片來自RUNOOB網(wǎng)頁截圖

          經(jīng)過十幾章節(jié)的教學(xué)之后,基本上能夠掌握HTML語言的基本用法,還有一些簡單的操作了,這個時候如果想要進(jìn)階學(xué)習(xí)的話還可以在網(wǎng)站上查找其他的進(jìn)階語言用法,例如CSS, JavaScript等等復(fù)雜一些的語言,相應(yīng)的你也會學(xué)到更多如何運營網(wǎng)頁的方法。

          當(dāng)然如果想要自己建立一個網(wǎng)站的話,還需要更多資源還有設(shè)備,例如高速的網(wǎng)絡(luò)連接保持網(wǎng)頁的穩(wěn)定性,以及穩(wěn)定的服務(wù)器,用來保證自己的網(wǎng)頁24小時都能保持流暢可用。不過這些都是在學(xué)會了如何建立網(wǎng)頁之后才考慮的事了。



          現(xiàn)在網(wǎng)上也有許多編程教學(xué),在網(wǎng)上自學(xué)一門知識一門語言變得非常方便,但是僅僅是擁有資源還是不夠的。學(xué)習(xí)如何建立自己的網(wǎng)站還需要大量的努力以及知識的積累,通過不斷的練習(xí)還有實踐才能自如地使用,只有基礎(chǔ)扎實,建立出來的網(wǎng)站才能夠長久。但還需要大家能夠行動起來,只有去學(xué)習(xí)去實踐才能夠真正學(xué)會東西,希望這個教學(xué)網(wǎng)站推薦能夠幫到更多人!

          ublime text 是一款不錯的代碼編輯器,支持Windows(32位、64位)、Linux(32位、64位)、OS X系統(tǒng)。能標(biāo)注幾乎所有的主流語言,實現(xiàn)包括html、css、ASP、Java、php、C++、SQL、XML等語法的識別,非常適合于程序員使用。所以今天小編給大家?guī)韘ublime text完整的漢化過程。

          一、必須聯(lián)網(wǎng),打開sublime text,點擊【菜單】【Tools】—【Conmmand palette...】或者使用【快捷鍵】【Ctrl】+【Shift】+【P】打開命令面板:輸入install或者Package Control,然后選擇Install Package Control進(jìn)行插件安裝。此時后臺下載插件完成后會彈出一個窗口,點擊確認(rèn)。

          二、點擊【菜單】【Tools】—【Conmmand palette...】或者使用【快捷鍵】【Ctrl】+【Shift】+【P】打開命令面板:輸入install或者Package,然后點擊選Install Package,等待一會后悔彈出搜索框,輸入locali或者chin,此時下面出現(xiàn)簡體中文并選擇,在等待一會出現(xiàn)中文即漢化成功。


          主站蜘蛛池模板: 亚洲中文字幕无码一区二区三区| 日韩人妻精品无码一区二区三区 | 国产色精品vr一区区三区| 加勒比精品久久一区二区三区| 影院成人区精品一区二区婷婷丽春院影视| 亚洲国产美国国产综合一区二区| 国产MD视频一区二区三区| 国产成人久久精品麻豆一区| 国产乱人伦精品一区二区在线观看 | 亚洲一区日韩高清中文字幕亚洲| 无码人妻一区二区三区av| 日韩精品一区在线| 国产综合无码一区二区色蜜蜜| 国产高清视频一区二区| 亚洲人AV永久一区二区三区久久| 国产成人精品久久一区二区三区av| 国产凹凸在线一区二区| 国产一区二区在线视频| 亚洲丰满熟女一区二区哦| 日本一区二区三区在线观看视频| 日韩aⅴ人妻无码一区二区| 中日av乱码一区二区三区乱码| AV怡红院一区二区三区| 精品成人乱色一区二区| 国模无码一区二区三区| 日韩精品无码一区二区三区AV| 国产AV一区二区三区无码野战| 亚洲国产一区在线观看| 一区二区三区视频免费| 日本一区二区三区在线观看| 香蕉久久一区二区不卡无毒影院| 久久人做人爽一区二区三区| 午夜性色一区二区三区不卡视频| 国产一区二区三区免费观在线| 亚洲电影一区二区三区| 亚洲国产综合无码一区| 国产精品成人99一区无码| 久久久久人妻精品一区三寸蜜桃 | 国产亚洲自拍一区| 亚洲av无码一区二区三区观看| 国产91一区二区在线播放不卡 |