Sublime Text 3
下载
设置
中文版设置
https://jingyan.baidu.com/article/9c69d48fea00ca13c9024e18.html
修改插件包位置
https://www.cnblogs.com/xiterjia/p/5745826.html
插件
如何安装插件
ctrl+shift+p -> 输入install package ->输入相关插件名
HTML/CSS/JS Prettify
作用
前端代码快速格式
快捷键
Ctrl+Shift+H
安装
1.需要缓解node.js 下载:https://nodejs.org/en/ ;
2.修改“node_path”中相关操作系统路径;
3.下载安装插件。
Emmet
作用
代码提示
SiderBarEnhancements
作用
增强文件列表鼠标右键可选功能
使用方法
文件->打开文件夹 左侧会出现文件列表
Sublime Server
作用
开启本地服务器调试
使用方法
打开工具->StartSublimeServer->在选择Html,点击鼠标右键,选择View In SublimeServer
注意
待调试html需要位于右侧文件列表,如下图所示:
谷歌浏览器增强插件
LiveStyle
作用
用于谷歌浏览器和sublime中Css的双向交互,在一方改变CSS代码的值时,另一方也会同时发生改变,即实时更新
安装
1.打开谷歌网上商店,安装LiveStyle(Emmet LiveStyle)插件;
2.在谷歌扩张程序界面,找到相关插件,点击详细信息,找到允许访问文件网址,打开;
3.在sublime中安装插件LiveStyle
使用方法
1.在sublime中打开*.html文件和待关联的*./css文件;
2.点击右键SublimeServer方式打开(非必须)
3.点击谷歌浏览器右上防快捷栏中插件按钮,并打开插件功能;
4.关联相关CSS文件。
PS:新人博主制作不易,如有帮助,感谢点赞!