整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          前端開發常用的Sublime前端插件及快捷鍵總結

          前端開發常用的Sublime前端插件及快捷鍵總結

          插件安裝方式,ctrl+shift+p輸入install packages

          CSS3:支持CSS3里的語法高亮。(Sublime3里自帶的CSS高亮不夠用)。安裝后, 打開一個CSS文件,然后按照下面GIF操作,將CSS3高亮作為CSS文件的默認高亮。

          livestyle:調試后實時更新頁面。安裝這個還需要安裝谷歌的插件。

          Emmet:快速生成代碼,用過h5build的應該知道。ul*li*3相當于:

          <ul><li></li><li></li><li></li></ul>
          

          記下語法就ok.

          ConvertToUTF8:編碼轉utf8

          CSScomb:css屬性排序

          html5:html規范包,輸入html+tab生成html規范文檔

          Alignment:代碼對齊,快捷鍵ctrl alt a

          Autoprefixer插件:css3私有前綴自動補全插件

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

          less sass插件

          JsFormat js格式化插件

          Terminal 命令行插件

          Minify 代碼美化壓縮插件

          Color Highlighter 顏色選擇插件

          快捷鍵

          Ctrl+D 選中光標所占的文本,繼續操作則會選中下一個相同的文本。

          Alt+F3 選中文本按下快捷鍵,即可一次性選擇全部的相同文本進行同時編輯。舉個栗子:快速選中并更改所有相同的變量名、函數名等。

          Ctrl+L 選中整行,繼續操作則繼續選擇下一行,效果和 Shift+↓ 效果一樣。

          Ctrl+Shift+L 先選中多行,再按下快捷鍵,會在每行行尾插入光標,即可同時編輯這些行。

          Ctrl+Shift+M 選擇括號內的內容(繼續選擇父括號)。舉個栗子:快速選中刪除函數中的代碼,重寫函數體代碼或重寫括號內里的內容。

          Ctrl+M 光標移動至括號內結束或開始的位置。

          Ctrl+Enter 在下一行插入新行。舉個栗子:即使光標不在行尾,也能快速向下插入一行。

          Ctrl+Shift+Enter 在上一行插入新行。舉個栗子:即使光標不在行首,也能快速向上插入一行。

          Ctrl+Shift+[ 選中代碼,按下快捷鍵,折疊代碼。

          Ctrl+Shift+] 選中代碼,按下快捷鍵,展開代碼。

          Ctrl+K+0 展開所有折疊代碼。

          Ctrl+← 向左單位性地移動光標,快速移動光標。

          Ctrl+→ 向右單位性地移動光標,快速移動光標。

          shift+↑ 向上選中多行。

          shift+↓ 向下選中多行。

          Shift+← 向左選中文本。

          Shift+→ 向右選中文本。

          Ctrl+Shift+← 向左單位性地選中文本。

          Ctrl+Shift+→ 向右單位性地選中文本。

          Ctrl+Shift+↑ 將光標所在行和上一行代碼互換(將光標所在行插入到上一行之前)。

          Ctrl+Shift+↓ 將光標所在行和下一行代碼互換(將光標所在行插入到下一行之后)。

          Ctrl+Alt+↑ 向上添加多行光標,可同時編輯多行。

          Ctrl+Alt+↓ 向下添加多行光標,可同時編輯多行。

          Ctrl+J 合并選中的多行代碼為一行。舉個栗子:將多行格式的CSS屬性合并為一行。

          Ctrl+Shift+D 復制光標所在整行,插入到下一行。

          Tab 向右縮進。

          Shift+Tab 向左縮進。

          Ctrl+K+K 從光標處開始刪除代碼至行尾。

          Ctrl+Shift+K 刪除整行。

          Ctrl+/ 注釋單行。

          Ctrl+Shift+/ 注釋多行。

          Ctrl+K+U 轉換大寫。

          Ctrl+K+L 轉換小寫。

          Ctrl+Z 撤銷。

          Ctrl+Y 恢復撤銷。

          Ctrl+U 軟撤銷,感覺和 Gtrl+Z 一樣。

          Ctrl+F2 設置書簽

          Ctrl+T 左右字母互換。

          F6 單詞檢測拼寫

          Ctrl+F 打開底部搜索框,查找關鍵字。

          Ctrl+shift+F 在文件夾內查找,與普通編輯器不同的地方是sublime允許添加多個文件夾進行查找,略高端,未研究。

          Ctrl+P 打開搜索框。舉個栗子:1、輸入當前項目中的文件名,快速搜索文件,2、輸入@和關鍵字,查找文件中函數名,3、輸入:和數字,跳轉到文件中該行代碼,4、輸入#和關鍵字,查找變量名。

          Ctrl+G 打開搜索框,自動帶:,輸入數字跳轉到該行代碼。舉個栗子:在頁面代碼比較長的文件中快速定位。

          Ctrl+R 打開搜索框,自動帶@,輸入關鍵字,查找文件中的函數名。舉個栗子:在函數較多的頁面快速查找某個函數。

          Ctrl+: 打開搜索框,自動帶#,輸入關鍵字,查找文件中的變量名、屬性名等。

          Ctrl+Shift+P 打開命令框。場景栗子:打開命名框,輸入關鍵字,調用sublime text或插件的功能,例如使用package安裝插件。

          Esc 退出光標多行選擇,退出搜索框,命令框等。

          Ctrl+Tab 按文件瀏覽過的順序,切換當前窗口的標簽頁。

          Ctrl+PageDown 向左切換當前窗口的標簽頁。

          Ctrl+PageUp 向右切換當前窗口的標簽頁。

          Alt+Shift+1 窗口分屏,恢復默認1屏(非小鍵盤的數字)

          Alt+Shift+2 左右分屏-2列

          Alt+Shift+3 左右分屏-3列

          Alt+Shift+4 左右分屏-4列

          Alt+Shift+5 等分4屏

          Alt+Shift+8 垂直分屏-2屏

          Alt+Shift+9 垂直分屏-3屏

          Ctrl+K+B 開啟/關閉側邊欄。

          F11 全屏模式

          Shift+F11 免打擾模式

          言:

          在程序猿的日常開發、故障處理、版本更新、文檔編輯等等的工作當中,必不可少的都會和數據打交道。

          有時候在處理一些代碼數據時,往往都是手工一個個地進行復制粘貼,數據量如果很大的時候,就會很耗費時間,而且有時候不太現實,只能選擇其他解決方式。

          接下來,讓我來給大家分享一些實用的處理技巧吧!


          工具準備

          Sublime,同學們可以提前在網上下載,下文將通過這個軟件教給大家一些處理數據的小技巧。

          簡介:Sublime一般指Sublime Text。Sublime Text 是一個文本編輯器(收費軟件,可以無限期試用,但是會有激活提示彈窗),同時也是一個先進的代碼編輯器。


          心理準備

          出于簡單易懂易理解的理由,以下會有很多多多圖哦~~ 不用慌,都很簡單的!!


          場景分析:

          1、根據已有的數據片段,組裝SQL

          836037954@qq.com
          471644502@qq.com
          297380274@qq.com
          836037@qq.com
          dgsoqqqzh@163.com
          123456@qq.com
          ...

          比如我們有以上一些郵箱數據,我們如何快速地組裝插入數據庫的sql呢?


          通常做法:

          第一步,首先寫一條完整的sql

          INSERT INTO User(email) VALUE("836037954@qq.com");

          第二步,數一下總共有多少條數據,把上面組裝好的數據,復制出多少條,如:

          第三步,把全部郵箱,逐個復制,逐個粘貼替換已經組裝好的數據,如:

          至此,已經完成要求了,同學們可能會說:“這么簡單,才不要什么技巧呢,我都會了”

          在這里我想說,如果要處理的數據,有成千上萬條,甚至上萬上百萬條呢?

          如果按照1秒處理一條的速度,那么10萬條,要10萬秒,一天86400秒,那豈不是處理完都要明天了。

          接下來,教大家如何快速處理好,就剩下很多時間可以處理更多其他事情了。


          快速簡單做法:

          首先,我們把全部數據復制出來,如:

          然后ctrl+A全選(或者用鼠標把需要處理的數據選中),關鍵步驟來了!

          鍵盤按ctrl + shift + L后,如:

          大家可能會說,沒什么變化??!

          而細心的同學會發現,“咦,怎么每一行都會有光標呢?”

          不錯,這就是處理數據的關鍵操作!

          好了,我們繼續。

          接著,我們按一下鍵盤的方向鍵

          可以看到這時候并沒有選中數據,但是光標都去到最左邊了,而且每一行都有光標,然后我們就可以開始按照下面的格式組裝sql數據了。

          INSERT INTO User(email) VALUE("836037954@qq.com");

          直接在鍵盤輸入 INSERT INTO User(email) VALUE("

          然后按一下鍵盤的end鍵,繼續補回 ");

          至此,我們已經完成組裝sql的工作了,1分鐘的事情就搞定了!

          其實不止這個組裝sql的,文檔編輯工作也可能會用到,具體就需要同學們自己去體會啦!


          2、處理部分相同,部分不同的數據

          以php語言為例,如果需要快速組裝一個數組,如:

          通常我們會類似場景一的做法,一個個地去復制、粘貼、替換,比較麻煩,接下來分享一個快速組裝的方法。

          下圖是初始化的情況

          2.1 首先,我們用鼠標選中全部數據都相似的部分,如:


          2.2 然后用sublime的選中相同內容的快捷鍵,按 ctrl + D (這個是選中下一個相同的內容,如果有多個,需要按多次);

          或者按 alt + F3(這個是選中當前文件內所有和已選中內容相同的數據),如:


          2.3 然后繼續按一下鍵盤方向鍵 右 →,這時候也是沒有選中內容,出現多個光標的情況。


          2.4 然后需要這些光標都選中需要復制的內容,先按住ctrl + shift,然后再按鍵盤方向鍵 右 →,就會得到如下圖。

          達到選中所有不同數據的效果,這里ctrl鍵+方向鍵是光標會按照指定方向跳動(按單詞或者分隔符,如果是從單詞開頭按,就會跳躍到單詞的尾部),shift+方向鍵是按照指定方向選中內容的意思。



          2.5 接著,ctrl+C 復制,其實已經是復制了全部選中的數據,然后就開始組裝異形數組。

          由上圖得知,當前選中了10個數據,我們需要先組裝好10條初始化的數據(如何初始化就不細說了,復制粘貼,或者先寫好一條,然后光標放在需要復制的行,按住ctrl+shift,再按D 鍵,多按幾次就能復制多條),如:


          2.6 然后使用場景一的方法,選中相似的數據片段,這里選中 test,再按alt + F3即可選中10行的arr數據,按ctrl+V粘貼即可,然后再按end 鍵,再按← 鍵,ctrl+V粘貼2.4步驟得到的數據(可能2.5進行過復制操作,所以可能需要重復2.4步驟得到需要粘貼的數據)就大功告成啦,完成如下圖:

          是不是挺簡單方便呢?個人覺得對于開發來說比較友好,可以提高寫代碼的效率!!


          小結

          1、場景一比較適合批量對大量的數據進行組裝和處理,可以為我們節省很多人工處理的時間;

          2、場景二比較適合處理異形數據,大部分內容相同,只有某少部分內容不同的數據,就是異形數據,使用場景二推薦的技巧,我們可以快速輕松地達到我們想要的效果;

          3、同學們可能會有疑問,如果我是程序員,寫個腳本出來,逐個處理不就完了嗎。但寫腳本的時間,都可以使用sublime處理好幾次了;

          4、以上就是我通過快捷鍵的組合去解決的部分場景,sublime是一個充滿各種插件,快捷鍵的一款輕便軟件,只要我們合理利用好sublime各種快捷鍵,可以為同學們完成更多重復煩瑣困難的工作啦!


          賣個關子

          如下圖,如果想把這么多行的編號數據都處理成一行,并且以空格分隔,要怎么快速處理好呢?千萬不要用老方法哦,假如有10萬行,你就知道困難了。

          處理前:

          處理后:

          提示:利用場景一介紹的部分技巧即可完成哦!


          以上是本期分享的全部內容,主要講解通過Sublime快速處理數據的小技巧。

          下期會分享PHP解壓縮工具類的使用,敬請期待~

          歡迎各位關注、留言,大家的支持就是我的動力!

          0世紀初,幾乎所有的飛機都是并列雙翼結構,此時,美國著名飛行大亨霍華德·休斯認為自己的飛機不夠快,助手委婉地提醒他,如果速度太快,飛機的上翼結構支柱很可能會支撐不住,發生斷裂。霍華德憤怒地向助手大喊:“誰說我們需要上翼結構?讓上翼和支柱見鬼去吧,我們需要的是更輕便的單翼飛機!”

          于是乎,H1單翼飛機就此出現,這款機型身上體現了霍華德作為一名航空工程師的天才之處:突破性的流線型機身,可收放起落架,輕巧靈動,平面的鉚釘和接頭以減少空氣阻力,因其優美的造型被稱為“銀色子彈”。

          同樣地,如果你入職了一家公司,當主管拍拍你的肩膀讓你往電腦里安裝Pycharm的時候,你也可以憤怒地向他大喊:“誰說我們需要Pycharm?讓笨重的IDE都見鬼去吧,我只要輕便的Sublime text 4 !”

          是的,輕便優雅,不是所有人都喜歡披盔戴甲,重裝上陣。如果你偏愛輕靈機巧,編寫代碼恰如春日雙燕飛舞柳間,高低左右,回轉如意,那么Sublime text 4會是你的最佳選擇。

          Win11系統配置Sublime text 4

          首先來到Win11環境下,進入Sublime text 4官網的下載頁面:https://www.sublimetext.com/download

          選擇Win版本的安裝包:

          下載成功后,雙擊安裝即可。

          隨后,需要安裝Python3的安裝包,這里推薦3.10最新版本,由于之前安裝過,這里就不贅述了,如果是沒有安裝過Python3的朋友,請移玉步至:一網成擒全端涵蓋,在不同架構(Intel x86/Apple m1 silicon)不同開發平臺(Win10/Win11/Mac/Ubuntu)上安裝配置Python3.10開發環境 。

          Sublime Text 4 是一個擴展性極高的編輯器,所有功能可以使用稱為Package Control的插件進行擴展。要安裝、更新和管理軟件,我們需要在 Sublime Text 4上安裝 Package Control。

          打開Sublime Text 4 ,選擇 菜單 -> menu Tools -> Install Package Control 進行安裝:

          安裝過程需要等待一小會,一旦安裝成功,會有相應的提示信息:

          下面我們就可以利用Package Control安裝一些擴展軟件了,可以通過 菜單 -> Install Package Control option 來激活安裝命令行,也可以通過快捷鍵 Ctrl+Shift+P 來激活安裝命令行:

          隨后輸入install后選擇install package 回車選擇。

          在安裝搜索框里,鍵入:Chinese 選擇 ChineseLocalizations 回車安裝中文擴展。

          安裝好以后,我們的Sublime Text 4就可以支持中文顯示了。

          接著安裝Python3的擴展,和Sublime Text 3 配置Python3不同的是,Sublime Text 4 只需要一個插件即可以運行Python3,那就是 Anaconda

          Ctrl+Shift+P 來激活安裝命令行 install package 鍵入:Anaconda

          安裝好以后,新建一個test.py:

          def mytest():
          
              print("Hello Sublime Text 4 ! ")
          
          if __name__=="__main__":
              mytest()

          利用快捷鍵 ctrl + b 就可以直接運行代碼:

          Hello Sublime Text 4 !
          [Finished in 152ms]

          非常方便,當然了,由于Anaconda的語法檢測相對嚴格,會出現一些“白框”的提示,我們可以用過Sublime Text 4的 首選項 -> Package Settings -> Anaconda -> Settings-User 進行設置,打開配置文件后鍵入:

          {"anaconda_linting":false}

          保存設置以后,不會出現白框,并且可以通過Anaconda進行自動補全:

          和 Sublime Text 3 相比,Sublime Text 4 配置 Python3 相對快捷方便了很多,只需要Chinese和Anaconda這兩個插件即可:

          當然了,插件可以進行安裝,同時也支持卸載。

          Ctrl+Shift+P 來激活安裝命令行 Remove package 然后選擇需要卸載的插件即可。

          除了可以針對安裝的軟件進行配置,也可以單獨修改Sublime Text 4的配置,選擇 首選項 -> 快捷鍵設置:

          [
          
          
          {
                      "keys": ["alt+l"],
                      "command": "toggle_setting",
                      "args":
                      {
                              "setting": "line_numbers"
                      }
              }
          
          
          ]

          我們就可以使用 alt + l 的快捷鍵來控制Sublime Text 4的行號顯示。

          如果愿意,我們還可以通過官網安裝Sublime Text 4的Git 擴展 SublimeMerge : https://www.sublimemerge.com/download

          這樣,我們就可以在Sublime Text 4 操作 代碼的分支、提交、以及推送了:

          M1 Mac 系統 配置 Sublime text 4

          回到Mac,https://www.sublimetext.com/download 選擇 mac 的壓縮包:

          注意,即使是M1芯片的Mac也不要選擇底下的ARM64版本,同樣是選擇MacOS版本,注意下載成功之后并不是dmg擴展的安裝包,而是sublime_text_build_4126_mac.zip,里面是軟件本體,需要進行解壓操作。

          解壓之后,將軟件本體直接拖動到應用程序目錄中即可:

          隨后,同樣選擇 菜單 -> menu Tools -> Install Package Control 進行安裝

          安裝成功后,激活命令行的快捷鍵變成了 Command+Shift+P

          同時運行代碼的快捷鍵變成了 Command + b

          修改配置文件也換到了 Preferences 中:

          設置完畢以后,我們就可以享受Sublime text 4帶給我們的極速編碼之旅了,Enjoy it!

          Sublime text 4 也新增了針對GPU加速的界面渲染,理論上來說輸入延遲可以進一步降低。市面上沒有比它輸入延遲低,反應更迅速,資源占用更少的編輯器了,絲滑順暢,反觀Pycharm/VSCode對硬件的要求很高,需要好的CPU/內存支持,另外如果在內網環境,沒有公網,這種情況下Sublime text 4離線導入配置,導入插件的體驗是更好的,直接配置文件夾打包拿到內網就直接用了,而vscode對網絡的依賴度還是比較高的,折騰麻煩。

          結語:

          是的,也許你的主管會和你說:“組里的同事都在用Pycharm,你為什么不用?”,毫無疑問,人往往是按照別人的期待,活成別人希望的樣子,最后丟掉自己。你愿意低質量的合群、討好別人,還是一個人獨處、堅持做自己?這個時候也許你更該問自己一個問題:

          Why are you trying so hard to fit in when you were born to stand out ?

          如果你生來與眾不同,何苦非要融入這群烏合之眾呢?


          主站蜘蛛池模板: 国产人妖视频一区二区破除| 鲁丝丝国产一区二区| 久久99热狠狠色精品一区| 亚洲一区二区三区写真| 精品不卡一区中文字幕| 中文字幕乱码一区久久麻豆樱花| 国产在线精品一区二区| 中文字幕一区视频一线| 亚洲国产成人精品无码一区二区| 精品人妻无码一区二区色欲产成人| 日韩视频在线观看一区二区| 日本一道高清一区二区三区| 国产一区二区在线观看麻豆| 日韩亚洲一区二区三区| 亚洲码欧美码一区二区三区| 国产一区二区三区在线视頻| 日韩色视频一区二区三区亚洲| 无码日韩AV一区二区三区| 无码国产精品一区二区免费| 水蜜桃av无码一区二区| 一区二区国产在线观看| 波多野结衣一区二区三区| 国产一区二区在线观看app| 国产精品第一区揄拍无码| 麻豆国产一区二区在线观看| 亚洲AV成人一区二区三区AV| 久久亚洲中文字幕精品一区| 四虎精品亚洲一区二区三区| 性色AV一区二区三区无码| 欧美亚洲精品一区二区| 亚洲av无码一区二区三区在线播放| 亚洲一区二区在线视频| 夜色福利一区二区三区| 久久久国产精品一区二区18禁| 成人精品视频一区二区三区不卡| 中文乱码精品一区二区三区| 国产一区二区视频在线播放| 国产午夜精品一区二区三区嫩草| 久久99精品免费一区二区| 成人无码一区二区三区| 国产凹凸在线一区二区|