sublimetext3⽤法
1、
使⽤lint进⾏语法及风格校验
jshint可以统⼀编码风格。
安装jshint的步骤：
1)ctrl+shift+p打开命令模式--->输⼊pcip回车--->输⼊sublimelinter回车（是总体框架，如果需要对js进⾏校验的话，还需要安装针对js的校验插件，其中有两套js校验插件，分别是jslint,jshint，其中jshint是最如果没有安装node的话，那么npw命令就是⽆效的。
注意：npm命令需要先运⾏nodejs安装⽬录⾥的d⽂件才能⽣效
在sublime text使⽤sublimelinter jshint，那么jshint版本必须⼤于2.4。
jshint⽂档⽹址：jshint/docs/options/
如何在js中使⽤校验呢？步骤如下：
1)ctrl+alt+n打开⼀个新⽂件--->切换到js语法模式--->如果⽤户在js⽂件上写上var x=123后⾯却没有分号的话，那么该⾏的左边就会有个黄⾊的圆点进⾏提⽰⽤户，这⾥需要加上分号。如果在js中定义⼀个定义⼀个名称为.jshintrc的配置⽂件，该⽂件⾥⾯的内容是json格式的，内容如下：
{
"eqeqeq":true,//校验三等的情况
"curly":true//校验if，for语法没有写花括号的情况
}
2、
1，新建⽴⼀个js的⽂件，Ctrl+shift+p输⼊pci安装docblockr
2，输⼊/*按回车，补充⾏注释。
3，输⼊/**按回车，补充多⾏注释。
4，在写好的函数上⽅输⼊/**按tab键，⾃动补充函数说明格式。
利⽤DocBlocker可以进⾏多⾏注释
docblock，块注释;
Ctrl+/: ⾏注释;
Ctrl+Shift+/: 块注释.
3、
开发中辅助技巧：sidebarenhancement
在sublime text3中如何实现在浏览器中打开我们想要的HTML⽂件
1)ctrl+shfit+p 输⼊pcip回车 sidebarenhancement回车
2)点击x.html 右键选择open in brower，选择相应的浏览器即可
4、
使⽤nettus fetch插件
ctrl+shift+p--->输⼊nettus fetch回车--->ctrl_shift+p--->输⼊fetch manage来管理配置⽂件
使⽤fetch来下载jquery步骤：
ctrl+alt+n在某个⽬录下创建⼀个jQuery⽂件--->在该⽂件中输⼊ctrl+shift+p--->输⼊fetch file回车--->jquery回车下载。
在fetch配置⽂件中来增加新的类库（如：underscore.js）：
步骤如下：
在该⽂件中添加"underscore":"github/jashkenas/underscore/blob/master/underscore.min.js"和前⼀个参数以"逗号"来分隔。
ctrl+alt+n在某个⽬录下创建⼀个underscore⽂件--->在该⽂件中输⼊ctrl+shift+p--->输⼊fetch file回车--->jquery回车下载。
到github下载underscore.js⽂件
github上的underscore⽂件地址：
raw.githubusercontent/jashkenas/underscore/master/underscore-min.js
5、
辅助技巧-httpRequest
Ctrl+Shift+P打开命令模式，输⼊"pci"（Package Control:Install Package），在提⽰框输⼊"http"，选"Http Requester"进⾏安装。
安装完成后要使⽤注解的⽅式来标记函数需要测试的路由地址
在Sublime内部，做服务器响应的测试Get请求
/* GET users listing. */
// localhost:3000/users/
('/', function(req, res) {
res.send('respond with a resource');
});
注释需要测试的路由地址"// localhost:3000/users/"（localhost为路由地址，3000为端⼝号）
选中"localhost:3000/users/"，使⽤快捷键"Alt+Ctrl+R"，出现新的页⾯显⽰服务器的响应，"200 OK"表⽰服务器响应正确。
get请求⽐较容易测试，可以在浏览器中输⼊地址；post请求⽐较难以测试
以前测试post请求需要完成⼀个表单（⽤html语⾔写），然后模拟提交，这样不利于开发
不需要前端form表单的情况下来模拟form提交，先完成post请求
在Sublime内部，做服务器响应的测试Post请求
/*
POST localhost:3000/users/
Content-type: application/x-www-form-urlencoded
POST_BODY:
variable1=avalue&variable2=1234&variable3=anothervalue
*/
router.post('/', function(req, res) {
res.send(req.body);
});
（POST：访问地址是⼀个post请求，"localhost:3000/users/"是访问的地址，"anothervalue"指定是以form表单形式提交）
选中"/* */"内的注释，使⽤快捷键"Alt+Ctrl+R"，出现新的页⾯显⽰服务器的响应，"200 OK"表⽰服务器响应正确
6、
辅助技巧-advanceNewfile
快速创建⽂件
Ctrl+Shift+P打开命令模式，输⼊"pci"（Package Control:Install Package），在提⽰框输⼊"adva"，
选"AdvancedNewFile"进⾏安装。
安装完成后使⽤"Ctrl+Alt+N"，在屏幕下⽅出现的输⼊框中输⼊"test.html"，创建了⼀个html⽂件；输⼊框中输⼊"public/css/test.css"，则在public⽬录下的css中创建了⼀个
test.css⽂件；输⼊框中输⼊"public/css/sass/test.sass"，则在public⽬录下的css中创建了⼀个sass⽂件夹并在其中创建了⼀个test.sass⽂件。
7、
1.切换语⾔格式，ctrl+shirt+p
2.简化操作 ctrl+shirt+p 输⼊ snippet：function ⾃动⽣成function的基本结构！
tab键移动光标到下⼀个词
⾃动补全功能，输⼊前⼏个英⽂字母，按enter ⾃动⽣成⼀段代码结构！
3.输⼊前⼀个英⽂字母，按enter⽣成⼀段代码
4.安装 javascript& nodejs snippets以及jQuery插件, ，很⽅便的提⾼⽣产⼒，具体指令说明：
packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets ，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
sublime text3安装教程 1.[ctrl+shift+P]+輸⼊'pci'+輸⼊'Insert Callback'
2.[alt+C]，⾃動產⽣ callBack function
8、
package control 主题安装
1、进⼊官⽹。（sublime.wbond）
2、选择sublime的版本然后复制下⾯的代码。
3、进⼊sublime text 软件，选择view下的show console。
4、将代码粘贴进去按回车等待安装的完成。
5、安装完成后重启sublime text。
6、启⽤命令模式（ctrl+shift+p），输⼊package control:install package.
7、等待加载插件，加载完有很多的插件。
8、选择主题插件theme（主题） ****，有很多样式，可以去官⽹看，推荐flatland、soda、spacegray。。。在命令模式下选择⼀种，⽐如选择 theme spacegray。
9、等待安装，安装完成后会弹出使⽤说明，说明⾥有叫你把space eighties 下⾯的复制到⾃⼰⽤户的配置信息中，也就是preferences菜单下的settings user⾥将复制的代码粘贴进去。（打个逗号粘贴），保存后安装完成，sublime text的主题就会变成安装的主题样式。
10、推荐三款主题:
1.theme-soda
2.theme-flatland
3.theme-spacegray
注：主题安装好后,⼀段使⽤代码需要copy到user配置中
9、
1. ctrl+N 打开编辑区
2. 转换语法格式:ctrl+shift+p -->输⼊html -->Enter 切换到html格式(补充：ctrl+.闭合标签)
3. !+ctrl+E ⽣成⼀整段html⽂档
4. ctrl+p -->#body 定位到标签;ctrl+enter 在当前下⽅添加⼀⾏ ctrl+shirt+enter 在当前上⽅添加⼀⾏
5.（ul>.item$*10{content}）-->（ctrl+E）;> 号⽣成⼦元素，$ 产⽣序号，{ }产⽣内容
6. Ctrl+] 增加缩进 [ 减⼩缩进。
7. alt+f3 全选，可以选中⼀部分再选择所有有该部分的元素。如 >< 标签之间的两个符号
8. 寻⽂件ctrl+shift+p ⽂件路径⽂件名回车
9. ctrl+shift+v 保持缩进粘贴
10、
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模式
11、
ctrl + shift + p 快速更改⽂件类型
ctrl + p 快速查并打开⽂件如：wista/index.html
ctrl + p 快速定位并边界如：@body 可以快速定位到当前⽂件的body标签
也可以把上⾯两个操作合⼆为⼀如wista/index.css@body 可以快速打开index.css⽂件并到body标签
12、
1、Ctrl+H ：查替换
2、Ctrl+D ：选择游标所在单词，连续Ctrl+D 实现多⾏选择（选择与第⼀次选择相同的单词）
3、Ctrl+K Ctrl+D 跳过当前选择，选择下⼀个
4、Ctrl+shirt+D：复制游标所在⾏
5、Alt+F3：选择所有与游标所在单词相同的单词
6、按住shift键，然后按住⿏标右键向下拖动，也可产⽣多⾏游标
7、按住⿏标中键，也可以产⽣多⾏游标
13、
alt+shift+2将sT拆成左右两块
alt+shift+4拆成从左到右四块
alt+shift+8拆成上下两块
alt+shift+9拆成上下三块
菜单栏主要功能介绍
1、File ->
New File：创建新的编辑区，Ctrl+N
Open File：在本地选择打开之前编辑过的⽂件，Ctrl+O
打开⽂件之后右下⾓显⽰⽂件的类型
点击右下⾓可以对⽂件类型进⾏切换
Edit（包含对⽂件编辑的⼀些命令）->
2、Line ->
Indent：增加缩进，Ctrl+]
Unindent：减少缩进，Ctrl+[
Duplicate Line：复制⼀⾏，Ctrl+Shift+D
Delete Line：删除⼀⾏，Ctrl+Shift+K
Comment（注释）->
Toggle Comment：注释选中的代码，Ctrl+/
Toggle Block Comment：可以显⽰注释，Ctrl+Shift+/
3、Text（对⽂件的编辑命令）->
Insert Line Before：在光标所在⾏的上⼀⾏插⼊⼀个新⾏，Ctrl+Shift+Enter Insert Line After：在光标所在⾏的下⼀⾏插⼊⼀个新⾏，Ctrl+Enter
4、Selection（选择功能，帮助选择代码）->
Expand Selection to Line：选择当前光标所在⾏，Ctrl+L
Expand Slection to Word：选择当前光标所在单词，Ctrl+D
（可重复命令进⾏多次选择，产⽣多⾏光标）
5、Find（查替换功能）->
：查输⼊框，回车键实现下⼀个查，Ctrl+F
View（包含对Sublime编辑器本⾝界⾯的配置）->
Side Bar ->
Show Side Bar：显⽰侧边栏，Ctrl+K,Ctrl+B
6、Goto ->
：可以在⽂件内或⽂件之间快速导航，Ctrl+P
（⽐如输⼊":20"，即跳转到第20⾏）
7、Tools ->
：命令模式，Ctrl+Shift+P
Preferences（可进⾏个性化定制）->
Settings-Default（打开Sublime配置⽂件）
Settings-User（⾃⼰的设置）
Color Scheme（颜⾊修改）
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论