sublime 前端開發小公舉

sublime是一款體積小,安裝方便,功能強大的編輯軟件

+++++++++++++++++++++++++++++++++++++++++++++

主要以Windows操作爲主,做以下筆記, 電腦Windows-7-64位系統  

Ctrl + Shift +  P      在需要的時候總是出人意料的好用..........

這裏要說明: 一切自定義文件都應放在user文件夾下 ,一切修改都應在use

搜搜settings  進行一些個性設置,具體值谷歌或者百度..........     此處不做筆記內容

=========================================================================

1/Ctrl + ~     :  進入命令行 模式

        安裝    Package Control 組件   --在命令行裏輸入:  安裝完後如果在Perferences --> package  settings  裏看到

package control   這一項 ,則證明安裝成功!    [注: 命令行的內容到官網查找既可 :  進入官網後點擊 installation 既可獲取 ] 

        如果卸載,第一: 進入根目錄上一級 刪除Installed Packages 文件, 重啓即可

____________________________________________________________________________________________________________________________

2/Ctrl + Shift + key    進入所有快捷鍵的查詢

3/Ctrl + j      選中要合併的代碼後    使用這兩個快捷鍵    即可完成合並操作

4/ 按住Ctrl   鍵   進入多點編輯模式

5/ 按住Shift   鍵    進行多點選擇

6/Ctrl + a     全選      

+++++++++++++++++++++++++++++++++++++++++++++++++++++++

當然除了上述快捷鍵,sublime還有很多,此處不對此進行記錄

==============================================================

sublime提供了代碼不全      Ctrl + Shift + P  搜索   css     HTML   可以快速將語法切換到想要編寫的文本模式   

並使用 Tab 鍵  進行代碼不全   ,類似  linux 系統密令操作補全功能鍵  .....

但對於代碼補全 ,比起強大的Emmet就差遠了 ,此處做emmet 的插件安裝         進入官網   emmet.io

最簡便的方式,保障聯網,之後可以直接   Ctrl  +  Shift  +  P    搜索  install   -->    搜索emmet  進行在線安裝

>>>>emmet   在codepen.io    在線拼寫...

=================================================================

install    偶爾可能無法使用    網上搜索了一些資料  大體說是因爲ip的問題    自己親自測試了一下    

可能有一定的原因 ,因爲當我用本網使用install的時候是無法連接的 ,而當我開啓vpn(這裏用的另外一款翻牆插件)

就連接上了 ,  當然還有很多原因  ,也有說是因爲缺少一個  xx.json 的文件      ,  網絡原因 等等>>

================================================================

這裏安裝了    jquery      jsFormart   Alignment     css      夠用就好  . .......

==================================================================

snippets   :   自定義代碼片段   --->   進入tools  --->   new  snippets   進行創建

例如 :  如果在寫一些特定的文章或者特定的頁面代碼編輯的時候,一些特定的文字或格式 ,如jekyll 格式 等  

<snippet>
<content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.       --->  要修改的地方  ,將重複的代碼文字放在這裏
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<!-- <tabTrigger>hello</tabTrigger> -->      =====>  觸發詞
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->        =====> 觸發範圍

</snippet>        文件保存在user文件夾下

===================================================================

代碼補齊: 批處理任務   -----  用到時再進行補充  ......  











發佈了62 篇原創文章 · 獲贊 2 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章