为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
前端开发工具技巧介绍—Sublime篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

前端开发工具技巧介绍—Sublime篇

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 《Sublime Text3 使用lint進行語法校驗》 SublimeLinter 1.[ctrl+shift+P]+輸入'pci'+輸入'SublimeLinter' 2.[ctrl+shift+P]+輸入'pci'+輸入'sublimeLinter-jshint' 3.下載'nodejs',網址'http://nodejs.org/' 4.開啟命令提示字元,輸入'npm install -g jshint' 5.重新開啟Sublime,[ctrl+shift+P]+輸入'ssjs',即可使用jslint 6.在路徑下新增檔案'.jshintrc',即可定義規則 參考網址'http://jshint.com/docs/options/' Ex: { "eqeqeq":true } 進行3等號校驗
    查看全部
  • 《Sublime Text3 快速添加注釋》 DocBlockr 1.[ctrl+shift+P]+輸入'pci'+輸入'DocBlockr' 2.輸入'/*'或'/**'+[Enter],自動產生注釋
    查看全部
  • 《Sublime Text3 SideBarEnhancements》 SideBarEnhancements 1.[ctrl+shift+P]+輸入'pci'+輸入'SideBarEnhancements' 2.在要開啟的html檔按右鍵,選擇'Open In Browser',即可直接在瀏覽器顯示
    查看全部
  • 《Sublime Text3 HttpRequest測試》 Http Requester 1.[ctrl+shift+P]+輸入'pci'+輸入'Http Requester' 2.輸入註解'localhost:8080/'並選取該行(8080可改為其他端口號) 3.[ctrl+alt+R],出現服務器GET響應內容 4.輸入註解 'POST http://posttestserver.com/post.php Content-type: application/x-www-form-urlencoded POST_BODY:variable1=avalue&variable2=1234&variable3=anothervalue' 並選取該行 5.[ctrl+alt+R],出現服務器POST響應內容
    查看全部
  • 《Sublime Text3 快速新增檔案》 AdvancedNewFile 1.[ctrl+shift+P]+輸入'pci'+輸入'AdvancedNewFile' 2.[ctrl+alt+N],快速新增檔案
    查看全部
  • 《Sublime Text3 snippets》 Snippet Function 1.[ctrl+shift+P]+輸入'pci'+輸入'Snippet: Function' 2.輸入'fun'+[Enter],自動產生 function 3.輸入'ife',自動產生 if else JavaScript snippets 1.[ctrl+shift+P]+輸入'pci'+輸入'JavaScript Completions' 2.輸入'gi',自動產生 getElementById JQuery snippets 1.[ctrl+shift+P]+輸入'pci'+輸入'JQuery' 2.輸入'get',自動產生 get請求 3.輸入'post',自動產生 post請求 Insert Callback 1.[ctrl+shift+P]+輸入'pci'+輸入'Insert Callback' 2.[alt+C],自動產生 callBack function
    查看全部
  • 《Sublime Text3 綜合技巧應用》 Emmet插件安裝 [ctrl+shift+p]+輸入'pci'+輸入'emmet' 使用方式 1.在內容的地方輸入'!'+[ctrl+E],自動產生HTML5文檔 2.在內容的地方輸入'ul>.item$*10+[ctrl+E],自動產生10行ul的子元素li (item、10可以自由更改) 3.在內容的地方輸入'script'+[ctrl+E],自動產生<script></script> 綜合技巧 1.[ctrl+P]+輸入'#keyword'對當前頁面搜尋匹配 2.[ctrl+Enter],在行數的下一行添加程式碼 3.[ctrl+shift+Enter],在行數的上一行添加程式碼 4.[ctrl+}],增加縮進 5.[ctrl+{],減少縮進 6.[ctrl+shift+V],保持貼上的格式
    查看全部
  • 《Sublime Text3 多行游標》 4種選擇方式 1:[ctrl+D] 多行游標,每行選擇 [ctrl+k] 跳過單行 2:[ctrl+D]+[alt+F3] 全部選擇 3:[ctrl+A]+[ctrl+shift+L] 全部選擇 4:[shift+滑鼠右鍵拖曳] 選擇多行
    查看全部
  • 收藏本节,利用sublimetext提升编码速度的方法
    查看全部
  • ctrl+h find and replace alt+f3 拆行
    查看全部
  • ·Emmet插件 { 1. 输入!,然后按Ctrl+E,会自动HTML5文档 2. 输入ul>.item$*10,然后按Ctrl+E,自动生成10行ul的子元素li 3. 输入script,按Ctrl+E,自动生成<script></script> 4. Ctrl+Shift+V,粘贴时保持格式 } ·Goto Anything { #keyword,对当前页面搜索匹配 } ·多行游标 { 1. 特征匹配,选中关键内容之后,之后按Alt+F3,就会在整个文档的特征处后方生成一个游标 2. 按住Ctrl,在需要添加游标的位置点击鼠标 3. 选择单词之后,Ctrl+D继续选择,Ctrl+K跳过当前选择 }
    查看全部
  • ctrl+d选中下一个 Ctrl+k,ctrl+d跳过下一个 选中一个Alt+F3选中所有相同的单词 多行命令 Ctrl+A,Ctrl+shift+L选中全部 shift->鼠标拖拽
    查看全部
  • alt + .闭合标签 ctrl + p ->#body 快速查找 . 输入ul>.item$*10,然后按Ctrl+E,自动生成10行ul的子元素li Ctrl + } //向右增加缩进 alt+f3全选 {}输出内容 contrl+e control+shift+v 复制的同时可以整理代码,保持缩进 Ctrl + { //向左减少缩进 Ctrl + Enter //在光标所在行下插入一行
    查看全部
  • control shift p启动命令 模糊匹配
    查看全部
  • contrl n
    查看全部

举报

0/150
提交
取消
课程须知
1.具有前端开发经验; 2.对HTML+CSS+JavaScript内容熟悉掌握。
老师告诉你能学到什么?
1.快速提高编辑水平; 2.增加网络开发专业能力。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!