慕课网

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

最热最新

房敬超

安装package control： 0、打开：https://packagecontrol.io/installation，将SUBLIME TEXT 3的安装代码拷贝出来，在View->Show Console (control+`) 打开命令行，然后粘贴安装代码去命令行，然后回车，等安装完后，重启Sublime Text. 1、Tools->Command Palette… (shift+command+P) 打开命令模式，输入pc,就能看到package control的所有命令，通过“Package Control: Install Package”命令安装新的插件，“Package Control: List Packages”命令查看已经安装的插件。 2、安装插件前，可以在https://packagecontrol.io/中查看插件的详细说明，安装主题完成之后会有使用说明，按照使用说明进行配置就可以了。

查看全部

0 采集收起来源：packagecontrol安装主题
2018-03-22
房敬超

多行游标功能: 1.多处选择，通过选择内容，ctrl+d，匹配到下个内容并产生一个游标，以此类推。 ctrl+k跳过匹配的内容 2.alt+f3选择所有匹配的内容 3.鼠标移动要需要的地方，然后按住shift和右键往下拉，也可以形成多行游标

查看全部

0 采集收起来源：Sublime-多行游标
2015-02-02
我是乐乐啊

ctrl+shift+v 粘贴时自动缩进选择要缩进的代码，Ctrl+}，产生缩进 Ctrl+{，减少缩进 5、ctrl+Enter：当前行下面添加一行 ctrl+shift+Enter：当前行上面添加一行 6、（ul>.item$*10）+（ctrl+E） 7、（{}输出内容）+（ctrl+E） 8、ctrl+shift+V：带格式化的复制

查看全部

0 采集收起来源：学以致用——Sublime综合技巧运用
2018-03-22
我是乐乐啊

输入"!"，然后按CTRL+E,会自动帮我们生成整段HTML文档，html+tab.

查看全部

0 采集收起来源：学以致用——Sublime综合技巧运用
2018-03-22
螃蟹1只

snippets功能：js函数快速书写 1.利用匹配，输入fun，回车，然后利用Tab键可以依次输入函数名、参数、函数体代码；if和if-else同法 2.利用各种snippets插件

查看全部

0 采集收起来源：snippets以模板的方式编程
2015-11-02
螃蟹1只

提升编写速度和开发效率： 1.输入开始标签，Alt + .自动补全结束标签 2.Emmet插件：输入！，Ctrl + E自动生成HTML5的基本标签框架 3.命令模式下，#开头的关键字，匹配当前文件内的单词，包括html标签，实现快速跳转 4.Emmet插件：在目标位置输入 ul>.item$*10 ，按Ctrl + E，会生成ul标签以及其中的10个分别带了属性class="itemX"的li标签 5.选中目标行，按Ctrl + ]或Tab键增加缩进，按Ctrl + [或Shift + Tab键减少缩进，一个缩进为一个Tab 6.Emmet插件：在目标位置输入 html标签{输出内容} ，将光标移到}右边，按Ctrl + E，会转换为html标签代码的形式并包括了输出内容 7.Emmet插件：在目标位置输入 html标签，按Ctrl + E，会转换为html标签代码的形式（仅有html标签时，无需安装Emmet插件，按Tab键，效果相同） 8.粘贴时，不是直接Ctrl + V粘贴，而是Ctrl + Shift + V粘贴，能够保持代码的格式美观，不需要再做调整

查看全部

0 采集收起来源：学以致用——Sublime综合技巧运用
2018-03-22
螃蟹1只

多点编辑：在第一处单击鼠标左键，按住Ctrl，在第二处单击鼠标左键，以此继续，进入多点编辑模式，按Esc退出多行游标： 1.多次Ctrl + D，过程中，Ctrl + K跳过某个单词，Ctrl + D继续 2.选中一个单词后，Alt + F3（快速查找全部）选中全部此单词（其他符号也可以） 3.Ctrl + A全选，然后Ctrl + Shift + L拆行，能产生多行游标 4.光标放在目标第一行的对应位置，按住Shift，在这个位置点击鼠标右键，并向下拖动，能产生多行游标

查看全部

0 采集收起来源：Sublime-多行游标
2015-11-02
螃蟹1只

Goto Anything 去到任意地方：Ctrl + P 1.输入文件名/文件路径/匹配关键字去到要去的文件，后面加冒号（:）定位到行 2.输入 @开头的关键字在当前文件内的css选择器、js函数等之间快速跳转 3.以上两个功能可以组合使用，来找到非当前文件中的某个目标 Ctrl + Shift + P命令模式，输入关键字比如js，可以指定当前文件代码的语法（选择set syntax相关命令）

查看全部

0 采集收起来源：Goto Anything
2015-11-02
螃蟹1只

Sublime Text 3 可以直接打开图片重复行：Ctrl + Shift + D 删除行：Ctrl + Shift + K 将本行作为注释：Ctrl + / 在本行添加新注释：Ctrl + Shift + / 在后面添加新行：Ctrl + Enter 选中当前行：Ctrl + L，鼠标左键三击；连续使用Ctrl + L向下选中多行选中当前单词：Ctrl + D，鼠标左键双击；连续使用Ctrl + D向下选中多个此单词，并会出现多光标 Tools下的命令模式：Ctrl + Shift + P 用户配置：Preferences -> Settings - User，输入配置代码

查看全部

0 采集收起来源：Sublime菜单栏主要功能介绍
2018-03-22
jimmychung 02:45

可用nettus fetch 下载最新的类库资源详看此视频

查看全部

0 采集收起来源：Sublime辅助技巧 - nettus fetch
2015-01-27
jimmychung 01:43

可用snip生成函数模板

查看全部

0 采集收起来源：snippets以模板的方式编程
2015-01-27
jimmychung 02:30

在view>show console菜单下打开控制台把package control的安装代码复制进去

查看全部

0 采集收起来源：packagecontrol安装主题
2018-03-22
jimmychung 01:51

package control 官方网站:sublime.wbond.net

查看全部

0 采集收起来源：packagecontrol安装主题
2015-01-27
CoolTea

格式规范插件，对代码进行校验规范。如针对Javascript语言目前，JShint比JSlint流行。 0、先安装总体框架插件SublimeLinter 1、然后安装SublimeLinter-jshint 2、安装Node.js。 3、mac终端运行：sudo npm install -g jshint ,输入密码，安装完毕，mac系统不加sudo，最后会提示：“npm ERR! not ok code 0”，安装不成功。安装成功会有如下提示： - /usr/local/bin/jshint -> /usr/local/lib/node_modules/jshint/bin/jshint jshint@2.6.0 /usr/local/lib/node_modules/jshint ├── strip-json-comments@1.0.2 ├── underscore@1.6.0 ├── exit@0.1.2 ├── shelljs@0.3.0 ├── console-browserify@1.1.0 (date-now@0.1.4) ├── minimatch@1.0.0 (sigmund@1.0.0, lru-cache@2.5.0) ├── cli@0.6.5 (glob@3.2.11) └── htmlparser2@3.8.2 (domelementtype@1.1.3, domutils@1.5.0, entities@1.0.0, domhandler@2.3.0, readable-stream@1.1.13) 4、可以自定义校验在工程中，创建配置文件，后缀名要以.jshintrc结尾,配置信息以Json格式保存，http://jshint.com/docs/options/ 网站中有所有可配置的校验提示说明。

查看全部

1 采集收起来源：Sublime-使用lint进行语法及风格校验
2018-03-22

首页上一页 287 288 289 290 291 292 293 下一页尾页

0/150

提交

取消

该课程已下架

课程须知: 1.具有前端开发经验； 2.对HTML+CSS+JavaScript内容熟悉掌握。

老师告诉你能学到什么？: 1.快速提高编辑水平； 2.增加网络开发专业能力。