亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

前端開發工具技巧介紹—Sublime篇

難度入門
時長 1小時 0分
學習人數
綜合評分9.70
730人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • 233

    1、Ctrl + H :查找替換
    2、Ctrl + D :選擇游標所在單詞,連續Ctrl+D 實現多行選擇(選擇與第一次選擇相同的單詞)

    3、Ctrl?+?K? ? Ctrl?+?D?跳過當前選擇,選擇下一個

    4、Ctrl + shift + D:復制并換行粘貼游標所在行

    5、Alt + F3:選擇所有與游標所在單詞相同的單詞

    6、Ctrl+A? ?Ctrl+Shift+L :多行全選

    7、Shift? ? ?鼠標右鍵拖動:產生多行游標


    查看全部
  • 好看的sublime UI插件:

    Spacegray

    package control官網中查找

    查看全部
  • 語法和編寫風格的校驗插件SublimeLinter 1. SublimeLinter插件是總框架,具體語言再另行安裝 2. 具體語言風格例如js, 插件為SublimeLinter_JShint 3. 可以自定義校驗風格 Eg. "eqeqeq":true //強制三等號驗證 4. 需要安裝npm包,安裝node.js,再安裝JShint,在命令行輸入:npm install -g jshint,回車安裝; 5. 自定義校驗規則:在工程中創建配置文件,名字必須是.jshintrc ,用json語言編寫

    查看全部
  • 快速添加注釋 DocBlockr 下載DocBlockr插件,Ctrl+Shift+P打開命令模式,輸入"pci"(Package Control:Install Package),在提示框輸入"docb",選"DocBlockr"進行安裝,完成后可以自行測試,如輸入"/*"回車,會自動補全注釋塊"*/";輸入"/**"回車,會自動補全注釋塊"**/",每次回車時"*"會跟著出現;如輸入一個函數: function func (a,b) { return a; } 在函數上面輸入"/**",然后按"tab"鍵,會自動補齊一個注釋格式(包含函數的相關信息,函數說明、參數和返回等): /** * [func description] * @param {[type]} a * @param {[type]} b * @return {[type]} */

    查看全部
  • Sidebar enhancement功能:增強Sidebar的功能<br> 功能之一:把文件在瀏覽器中打開 步驟:下載插件---用GOTO ANYTHING找到需要在瀏覽器中打開的文件--在Sidebar中找到此文件--點擊右鍵,選擇Open in browser--文件即在瀏覽器中打開

    查看全部
  • 1,下載插件 nettus fetch 2,命令行: 管理 fetch:Manage(可配置需要的) 3,如何用fetch 快速下載JQuery 1)Ctrl+Alt+N 在public/js/jquery.js 創建文件 2)在文件中,Ctrl+Shift+P fetch File JQuery下載

    查看全部
  • htttpRequester node.js的express框架 下載httpRequesterer 1.在Sublime內部,做服務器響應的測試Get請求 router.get('/',function(req,res){res.send('request with a resource');}); 注釋需要測試的路由地址//localhost:3000/users/并選中

    查看全部
  • 1.Ctrl+Shift+P--->pci--->adavancedNewFile選中,安裝<br><br> 2.Ctrl+Alt+N 新建并保存<br><br> (熱鍵沖突時候為:.Ctrl+Alt+shift+N)<br> 3..Ctrl+Alt+N然后輸入創建文件、文件夾及其路徑

    查看全部
  • 1.切換語言格式,ctrl+shift+p<br> 2.簡化操作 ctrl+shift+p 輸入 snippet:function 自動生成function的基本結構!<br> tab鍵 移動光標到下一個詞<br> 自動補全功能,輸入前幾個英文字母,按enter 自動生成一段代碼結構! 4.安裝 javascript& nodejs snippets以及jQuery插件, ,很方便的提高生產力,具體指令說明:https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets ,https://packagecontrol.io/packages/jQuery 1.[ctrl+shift+P]+輸入'pci'+輸入'Snippet: Function' 2.輸入'fun'+[Enter],自動產生 function 3.輸入'ife',自動產生 if else

    查看全部
  • 插件安裝
    插件官網:https://packagecontrol.io/installation
    步驟:
    (1)復制鏈接(很長的那個)
    (2)在sublime中輸入ctrl+` 輸入上面的代碼 + 回車 安裝完成后重啟軟件(這里需要國外代理ip翻墻才可以在線安裝)
    (3)安裝 ctrl+shift+p輸入PCIP安裝自己需要的插件
    (4)安裝自己喜歡的主題,可以在官網查看主題theme
    具體:ctrl+shift+p----》PCIP(安裝某個插件)---->theme-spacegray(主題名字)回車

    其他插件方法同上

    查看全部
  • ctrl D

    ? ? ?可選中光標所在位置的單詞

    ??? 用鼠標選中內容中,按下ctrl D可以選擇下方內容的同樣內容,在按ctrl D可以選擇再下方的重復內容。

    ctrl D + alt? F3

    ? ? ? 選中不昂表所在位置的內容之后,按下alt+F3,可以選擇頁面中所有相同的內容。

    ctrl K

    ???? 同ctrl D聯合使用,先按ctrl? D可以選中同樣的內容,按ctrl? K可以跳過這個內容不進行選擇,此時按下ctrl? D可以對再下方的同樣內容進行選擇。

    ctrl?? N

    ???? 產生一個新的編輯頁面。

    ctrl A

    ? ? ?選中頁面所有的編輯內容

    ctrl? ?L

    ? ? ? 選中光標所在行。

    ctrl A? + ctrl? shift? ?L

    ? ? ? ?在頁面所有內容的每一行后面都會出現光標。

    用鼠標進行拖拽出現多行游標

    ? ? ? ?按下shift,在按下鼠標的右鍵,并慢慢往下拖拽,就會在每一行出現光標

    ? ? ? ??


    查看全部
  • SublimeLinter

    查看全部
  • 產生多行游標的3種方式:
    1、使用 Ctrl+D 選擇詞的過程中可以使用 Ctrl+K、Ctrl+D 跳過;<br>
    2、使用 ALT+F3 可以整頁選中選擇的詞;<br>
    3、默認情況下,使用 “shift+ 鼠標右鍵點擊”可以產生多行游標。<br>

    查看全部
  • 快捷生成固定html標簽:!+Ctrl+E? 用的是emmet插件

    1、ctrl+shirt+enter 在當前上方添加一行

    2、Ctrl +? enter? ? ?在當前下方添加一行

    3、ul>.item$*10{content})+(ctrl+E) > 號生成子元素 ,$ 產生序號,{ }產生內容

    4、Ctrl+] 增加縮進 [ 減小縮進。

    5、alt+f3 全選,可以選中一部分再選擇所有有該部分的元素。如 >< 標簽之間的兩個符號

    6、ctrl+shift+v 保持縮進粘貼

    7、Ctrl? + E? ? 快速生成閉合標簽

    8、Alt? ?+? ?>.? ?快速生成閉合標簽



    查看全部
  • 1、Ctrl + H :查找替換
    2、Ctrl + D :選擇游標所在單詞,連續Ctrl+D 實現多行選擇(選擇與第一次選擇相同的單詞)

    3、Ctrl?+?K? ? Ctrl?+?D?跳過當前選擇,選擇下一個

    4、Ctrl + shift + D:復制并換行粘貼游標所在行

    5、Alt + F3:選擇所有與游標所在單詞相同的單詞

    6、Ctrl+A? ?Ctrl+Shift+L :多行全選

    7、Shift? ? ?鼠標右鍵拖動:產生多行游標

    查看全部

舉報

0/150
提交
取消
課程須知
1.具有前端開發經驗; 2.對HTML+CSS+JavaScript內容熟悉掌握。
老師告訴你能學到什么?
1.快速提高編輯水平; 2.增加網絡開發專業能力。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!