猫咪坏老师吧 关注:6贴子:268
  • 9回复贴,共1

sublime的使用

只看楼主收藏回复

多行游标:
ctrl+k ctrl+d 跳过当前选择,选择下一个,
ctrl+shirt+d:复制游标所在行
Alt+F3:选择所有与游标所在单词相同的单词
按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标


IP属地:湖北1楼2015-11-25 21:57回复
    sublime命令模式:
    1、启动命令模式:Ctrl+Shift+P
    切换到JavaScript命令模式:输入 set syntax JavaScript即可 (支持模糊匹配)
    2、当不知道是否有对SubLime Text控件操作的命令,可以打控件名称进行模糊匹配,如:minimap。
    设置语法模式
    0、在默认情况下,点击右下角的Plain Text,可以选择相应的语法模式;
    1、Tools->Command Palette… (shift+command+P) 打开命令模式,通过Set Syntac:编程语言,设置当前文件的语法模式,支持模糊匹配,如:Ctrl+Shift+p 输入Java回车,启动Java模式


    IP属地:湖北2楼2015-11-25 22:08
    回复
      ctrl+shirt+enter:回到上一行创建新空间
      ctrl+d:下一行创建新空间
      snipptes插件的使用
      1.切换语言格式,ctrl+shirt+p
      2.简化操作 ctrl+shirt+p 输入 snippet:function 自动生成function的基本结构!
      tab键 移动光标到下一个词
      自动补全功能,输入前几个英文字母,按enter 自动生成一段代码结构!
      3.输入前一个英文字母,按enter生成一段代码
      4.安装 javascript& nodejs snippets以及jQuery插件, ,很方便的提高生产力,具体指令说明:https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippetshttps://packagecontrol.io/packages/jQuery
      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


      IP属地:湖北3楼2015-11-26 18:10
      回复
        AdanvanceNewFile插件:
        安装AdvanceNewfile插件后
        快捷键Ctrl+Alt+N 输入
        文件名:在根目录下创建文件并保存
        路径:放在指定目录,若目录不存在,会自动新建目录


        IP属地:湖北4楼2015-11-26 18:31
        回复
          htttpRequester
          node.js的express框架
          下载httpRequesterer
          1.在Sublime内部,做服务器响应的测试Get请求
          router.get('/',function(req,res){res.send('request with a resource');});
          注释需要测试的路由地址//localhost:3000/users/并选中
          ctrl+alt+R
          200 OK服务器响应正确
          在Sublime内部,做服务器响应的测试Post请求:
          // POST http://
          // Content-type: application/x-www-form-urlencoded
          // POST_BODY:
          // ac=weeklyregister_register&code=weeklyregister&wapid=ma_62


          IP属地:湖北5楼2015-11-26 18:44
          回复
            1,下载插件 nettus fetch
            2,命令行:
            管理 fetch:Manage(可配置需要的)
            3,如何用fetch 快速下载JQuery
            1)Ctrl+Alt+N 在public/js/jquery.js 创建文件
            2)在文件中,Ctrl+Shift+P fetch File JQuery下载
            安装Nettuts+ Fetch (https://packagecontrol.io/packages/Nettuts%2B%20Fetch)
            通过这个插件能方便的更新前端开发所需的一些组件类库。
            命令模式下,打开Fetch:Manager,看到现有的组件类库配置信息.
            alt+command+N 创建 public/js/jquery.js文件,Tools->Command Palette… (shift+command+P) 打开命令模式, 打开Fetch:File,看到Jquery回车就能下载最新版本的Jquery类库.
            增加组件
            在Fetch:Manager的配置文件中,在Jquery路径后添加逗号,下面添加:"underscore":"https://github.com/jashkenas/underscore/blob/master/underscore-min.js",保存文件,alt+command+N 创建 public/js/underscore.js文件,打开Fetch:File,选择underscore回车就能下载最新版本的underscore类库.


            IP属地:湖北6楼2015-11-26 18:54
            回复
              如何以列表的形式查看已安装的插件:
              1、通过ctrl+shift+p打开命令面板
              2、输入“list packages”后回车,通过键盘上下键或者鼠标滚动查看列表
              查看有更新的插件并且进行升级:
              1、通过ctrl+shift+p打开命令面板
              2、输入“upgrade packages”后回车,如果有列表出来则有插件需要更新,如果没有任何插件需要更新则会弹出提示框进行提醒,
              如何进行Sublime Text插件的卸载:
              1、通过ctrl+shift+p打开命令面板
              2、输入“remove package”后回车,弹出的列表就是可进行卸载的插件了


              IP属地:湖北8楼2015-11-26 19:01
              回复
                sideBarEnhancements插件
                只对project起作用 对单个打开的文件无效
                直接在左侧工具栏里右键,选择'Open In Browser'进行浏览器预览


                IP属地:湖北9楼2015-11-26 19:02
                回复
                  1,新建立一个js的文件,Ctrl+shift+p输入pci安装docblockr
                  2,输入/*按回车,补充注释。
                  3,输入/**按回车,补充多行注释。
                  4,在写好的函数上方输入/**按tab键,自动补充函数说明。


                  IP属地:湖北10楼2015-11-26 19:08
                  回复
                    1Ctrl+Shift+p,输入pci,回车输入sublimelinter进行安装
                    2、然后在安装相应的代码提示,比如jshint--使用package Control安装
                    3、安装完之后再安装node.js
                    4、然后在node.js dos命令窗口安装jshint
                    npm install -g jshint
                    自定义配置 .jshint { "eqeqeq":true}
                    http://jshint.com/docs/options
                    安装sublinmelinter-cssint
                    npm install -g csslint
                    csslint -version
                    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等號校驗
                    道格拉斯·克罗克福德(Douglas Crockford),http://www.ueren.com/person/view_16335.shtml
                    JSLint,对JS进行语法校验
                    ·http://www.jslint.com - JSLint,The JavaScript Code Quality Tool
                    ·http://www.jshint.com - JSHint, a JavaScript Code Quality Tool
                    SublimeLinter,一个Linter系统/框架
                    在安装JSHint之前,需要先安装Node.js
                    npm install -g jshint (使用Node的版本管理进行安装)
                    在Sublime Text使用JSHint需要其版本大于2.4
                    Lint自定义规则 -> .jshintrc文件,具体的规则定义方式可详见jshint网站


                    IP属地:湖北11楼2015-11-26 19:20
                    回复