您的位置:首页 > 其它

Sublime Text 3

2020-02-03 00:29 225 查看

Sublime Text 3

  • 插件
  • Emmet
  • SiderBarEnhancements
  • Sublime Server
  • 谷歌浏览器增强插件
  • 下载

    https://www.sublimetext.com/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需要位于右侧文件列表,如下图所示:

    谷歌浏览器增强插件

    作用

    确保能访问谷歌网上商店

    连接

    https://chrome.google.com/webstore/category/extensions?hl=zh-CN

    访问不了

    安装谷歌访问助手:
    1.打开谷歌浏览器;
    2.打开更多工具->扩展工具;
    3.将下载好的谷歌访问助手拖动到扩展工具页面中,进行安装。

    LiveStyle

    作用

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

    安装

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

    使用方法

    1.在sublime中打开*.html文件和待关联的*./css文件;
    2.点击右键SublimeServer方式打开(非必须)
    3.点击谷歌浏览器右上防快捷栏中插件按钮,并打开插件功能;
    4.关联相关CSS文件。
    • 点赞 1
    • 收藏
    • 分享
    • 文章举报
    BRINY_CC 发布了4 篇原创文章 · 获赞 1 · 访问量 163 私信 关注
    内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
    标签: