Sublime Text 3 小技巧

最新推荐文章于 2024-06-25 20:26:14 发布

BRINY_CC

最新推荐文章于 2024-06-25 20:26:14 发布

阅读量718

点赞数 2

分类专栏：工具文章标签： Sublime Text 3

本文链接：https://blog.csdn.net/BRINY_CC/article/details/103455678

版权

2 篇文章 0 订阅

订阅专栏

下载

ctrl+shift+p -> 输入install package ->输入相关插件名

前端代码快速格式

Ctrl+Shift+H

1.需要缓解node.js 下载：https://nodejs.org/en/ ；
2.修改“node_path”中相关操作系统路径；
3.下载安装插件。

代码提示

增强文件列表鼠标右键可选功能

文件->打开文件夹 左侧会出现文件列表

开启本地服务器调试

打开工具->StartSublimeServer->在选择Html,点击鼠标右键，选择View In SublimeServer

待调试html需要位于右侧文件列表，如下图所示：

在这里插入图片描述

用于谷歌浏览器和sublime中Css的双向交互，在一方改变CSS代码的值时，另一方也会同时发生改变，即实时更新

1.打开谷歌网上商店，安装LiveStyle(Emmet LiveStyle)插件；
2.在谷歌扩张程序界面，找到相关插件，点击详细信息，找到允许访问文件网址，打开；
3.在sublime中安装插件LiveStyle

1.在sublime中打开*.html文件和待关联的*./css文件；
2.点击右键SublimeServer方式打开（非必须）
3.点击谷歌浏览器右上防快捷栏中插件按钮，并打开插件功能；
4.关联相关CSS文件。

PS：新人博主制作不易，如有帮助，感谢点赞！

关注

专栏目录