编辑器

sublime text3

下载地址

插件管理器

插件管理器下载
安装
1)Click the Preferences > Browse Packages… menu
2)Browse up a folder and then into the Installed Packages/ folder
3)Download Package Control.sublime-package and copy it into the Installed Packages/ directory
4)Restart Sublime Text
1)导航到插件目录 Preferences > Browse Packages
2)打开Installed Packages这个文件夹
3)下载的Package Control.sublime-package放到这个文件夹
4)重启Sublime Text
Ctrl + Shift + P===>输入pac,选择"Package Control: Install Package",将会显示所有能安装的插件的清单
常用插件
Emmet--扩展和提升sublime内置文字片段,使用css选择器来创建新的HTML标记
如:ul>li*4,点击tab ,生成4个li的列表
SideBar Enhancements --侧边栏的增强功能,prodect 右击
ColorPicker-- 选色器
Color Highlighter一起能使css更简单的编辑和应用颜色
Ctrl + Shift + C ===>打开选色器

一些常用快捷方式

来源:知乎
Ctrl+Shift+Enter:在当前行前插入新行
按Ctrl+Shift+上下键,可替换行
Ctrl+D:选择单词,重复可增加选择下一个相同的单词
Ctrl+F:查找内容
Ctrl+Shift+F:查找并替换
Ctrl+G:跳转到第几行
Ctrl+L:选择行,重复可依次增加选择下一行
Ctrl+Shift+L:选择多行
Ctrl+M:跳转到对应括号
Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身
Ctrl+P:搜索项目中的文件(mac下⌘P),在里面输入:
Ctrl+Shift+P:打开命令面板
Ctrl+R:前往 method(mac下⌘R)
Ctrl+W:关闭当前打开文件
Ctrl+Shift+W:关闭所有打开文件
Ctrl+Shift+V:粘贴并格式化
Ctrl+X:删除当前行

Ctrl+/:注释当前行
Ctrl+Shift+/:当前位置插入注释
Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的
admi@auto 可以定位到相应文件夹(admin.html)下的相应方法(auto)。

html5boilerplate
web starter kit
yeoman

猜你喜欢

转载自blog.51cto.com/5845595/2119528
今日推荐