IDE - Sublime text 3 - 安装 与 本地化设置

  1. 概述

    1. 前端工具 sublime text 3 安装 与 菜单汉化

  2. 背景

    1. 对 js 有点好奇
    2. JavaScript 高级编程 第四版 马上发布了, 我多年前买入的第三版还是崭新的
      1. 这一版的作者, 已经不是 Zakas 了
      2. 本来的重心, 也不是前端
      3. 所以先不入了

  3. 环境

    1. os

      1. win10

    2. sublime text 3

      1. build 3211

1. sublime text 3

  1. 概述

    1. 前端 ide

  2. 为什么是它

    1. 前端 ide 推荐

      1. webstrom

        1. jetbrains 旗下产品
        2. 需要购买

      2. vscode

        1. mircosoft 旗下产品
        2. 开源免费
        3. 支持各种语言的编辑
        4. 最近热度还是很高的

      3. sublime text 3

        1. 一款收费软件
          1. 但是可以 无限期免费试用
        2. 灵活高效
          1. 支持各种插件自定义
        3. 我见过很多前端在使用
          1. 当然我见过的前端, 也就那么几个...

    2. 选择理由

      1. 相信前端同学的选择
      2. 听说这玩意有很多优点, 我没使用过, 但听起来, 还是比较诱人的
        1. 内置 js 解释器
          1. 方便调试
          2. 据说甚至可以做 python
        2. 支持插件
          1. 灵活拓展
          2. 很多方便的功能
        3. 自动补全
          1. 基于插件实现

2. sublime text 3 安装

  1. 概述

    1. sublime text 3 安装

  2. 步骤

    1. 下载客户端

      1. 注意选择正确的版本
      2. 我选择的, 是 win64 的版本
      3. 底部 ref 里有 官方链接

    2. 安装即可

  3. 问题

    1. 问题1: 安装包下载速度过慢

      1. 问题

        1. chrome 自带下载, 很慢
        2. 迅雷下载, 也只有平均 30KB/s 的速度, 11MB 的安装包, 下了好久
          1. 比 直接下稍微好点
          2. 我用的是 迅雷5

      2. 尝试

        1. 尝试寻找国内镜像, 失败
          1. Sublime Text 3.2官方下载

  4. 后续

    1. 插件是不是也这么慢?

      1. 要是真这样的话, 会不会就不香了...

    2. 所以, 有没有同学可以加速 sublime text 3 下载 和 插件下载 的方法

      1. 方便的话, 可以在评论区留言

3. sublime text 3 菜单汉化

  1. 概述
    1. 汉化菜单
      1. 本质是是对 sublime text 3 的插件, 做一个 入门

1. 插件

  1. 概述

    1. sublime text 3 的插件

  2. 插件

    1. 概述

      1. 基于官方公开的接口或者其他, 对软件本体进行拓展的小程序
      2. 通俗的说, 就是 合法的外挂

    2. sublime text 3

      1. 灵活拓展

        1. 插件很方便就可以添加一些功能
        2. 不想要了, 可以简单地卸载

      2. 功能强大

        1. 多种强大的功能

  3. 安装插件

    1. 安装

      1. 这玩意听起来那么强大, 如何进行安装呢
      2. 方式
        1. 通过 软件自带的包管理工具 自动安装
        2. 通过 下载的安装包 手动安装

    2. 介绍

      1. 我就只介绍 自动安装
        1. 手动安装暂时不做介绍

2. 准备

  1. 概述
    1. 安装前的准备

1. 控制台

  1. 概述

    1. 打开 sublime text 3 控制台

  2. 功能

    1. 显示系统执行操作的日志
    2. 如果后续调试 js, 则可以显示相关的内容
    3. 建议全程打开

  3. 快捷键

    ctrl + `

2. 命令面板

  1. 概述

    1. 打开 sublime text 3 的命令面板

  2. 功能

    1. 打开 命令面板
    2. 这里可以执行一些 sublime text 3 的相关命令

  3. 路径

    Tools > Command Palette

  4. 快捷键

    ctrl + shift + p

3. 安装插件

  1. 概述
    1. 安装插件

1. 安装 package control

  1. 概述

    1. 安装 package control

  2. package control

    1. 概述
      1. sublime text 3 的 包管理工具
      2. 但是这个东西, 本身就是一个 插件
      3. sublime text 3 虽然没有内置, 但是提供了官方的方法来安装这个东西

  3. 操作

    1. 打开 命令面板

    2. 输入

      package control

    3. 找到 install package control

      1. 单击

    4. 等待安装完毕即可

  4. 结果

    1. 弹出提示框

      # 内容如下, 表示安装成功
Package Control was successfully installed
Use the Command Palette and type "Install Package" to get started

    2. 单击确定

      1. 安装完成

  5. 确认

    1. 打开 preferences 菜单

      1. 可以看到 新增的项

        package settings
package control

    2. 打开 命令面板, 输入 package control 相关命令, 会有提示

2. 安装 本地化菜单插件

  1. 概述

    1. 安装 本地化菜单插件

  2. 操作

    1. 打开 命令面板

    2. 输入

      package control

    3. 在弹出的提示中, 找到 Package Control: Install Package

      1. 单击
      2. 然后 等待

    4. 弹出输入框, 输入 locali

      1. 然后等待

    5. 找到包 localizedmenu

      1. 作者: github.com/zam1024t/LocalizedMenu
      2. 单击

    6. 安装成后, 没有任何提示

      1. 这...

  3. 验证

    1. 在 preferences 菜单里, 会多处一项
      1. languages

4. 调整语言

  1. 概述

    1. 切换菜单语言

  2. 操作

    1. 路径

      # 也可以切换为 其他语言, 这个就看个人使用习惯了
preferences > languages > 简体中文

  3. 结果

    1. 菜单转化为了 中文
      1. 恭喜安装完成

4. 后续

  1. 命令面板

    1. 感觉是 sublime text 3 里一个很重要的功能
    2. 后续应该会接触到

  2. package control

    1. 包管理系统
      1. sublime text 3 灵活的保障
      2. 包管理
        1. 搜索未安装
        2. 查找已安装
        3. 安装
        4. 卸载
        5. 禁用
        6. 激活
        7. 其他
    2. 后续随缘讲吧
      1. 不过应该是 很重要的

  3. 插件

    1. 中文菜单, 应该只是一个很基础的东西
    2. 后续会有很多好用的插件
    3. 再厉害一点, 没准可以自己写

ps

  1. ref

    1. 前端开发必备神器！Sublime Text 汉化、补全插件安装合集教程

      1. 18 年的老文章了
        1. 安装入门
        2. 感觉还不错

    2. Download - Sublime Text

      1. 官方链接

    3. Sublime Text 3 全程详细图文原创教程（持续更新中。。。） - 村山青木 - 博客园

      1. 比较全面的入门
        1. 从安装到使用, 一条龙服务
        2. 15 写的, 有些东西可能会有点不同
        3. 现在是 20 年, 依旧没有写完
          1. 很可能就太监了
          2. 这也是我不喜欢在一片博客里, 写太多东西的原因之一

    4. 常用的sublime text 3插件（很爽哦）

      1. 常用插件集合

    5. package control 官网

posted @ 2020-08-30 16:18  轩辕拾銉  阅读(459)  评论(0)  编辑  收藏  举报