写前端神器,插件很多记不住,记录一下,留给自己以后翻阅
插件都是亲测十分有用的,其实还有很多强大的插件,这里只是列出了个人觉得比较重要的几个
一、插件推荐
-
Package Control
插件管理工具,有了这个才能方便的安装下面的插件
-
AdvancedNewFile
可以在一开始就创建完整名字的文件(可以指定路径),而Sublime自带的Ctrl+N创建文件不能在一开始就写好后缀,要先保存之后插件才能给与代码提示与高亮。
Windows快捷键为 Ctrl+Alt+N
Linux与 MacOs为 Command+Alt+N
-
AutoFileName
提示文件路径用的,在插入图片路径时可以自动给出提示(不只是图片)
-
Emmet(重要)
前端代码补全神器,有很多快捷操作,比如说!+ Tab
就可以自动补全html文件所需要整体结构,再比如说table>tr>td+Tab
可以快速创建一个表格,这个就需要多练才能熟练掌握了,更具体的可以自行百度
可以参考这位老哥的文章哦
https://blog.csdn.net/fghsfeyhdf/article/details/78069259
-
ConvertToUTF8
Sublime本身不支持中文编码,查看有些文件时会得到一堆乱码,这个时候就需要它了,安装完之后自动转换格式,无需操作
二、常用快捷键
-
打开浏览器
前端代码经常需要打开浏览器查看具体效果,Sublime自带右键选项中open in browse
,但是着实麻烦,可以自己绑定快捷键,具体操作如下:
打开Preferences > Key Bindings,在User界面中在[]
中输入以下代码
{"keys": ["ctrl+o"],"command": "open_in_browser"},
Ctrl+O只是我习惯的方式,可以自己设定
-
代码折叠、展开
折叠Ctrl + Shift + [
展开Ctrl + Shift + ]
-
缩进、取消缩进
Tab
Shift + Tab
-
切换文件
Ctrl + Tab
-
增加窗口
Alt + Shift + 数字(1、2、3)
-
Windows最小化当前窗口
Alt + Space + N