【Sublime Text3 的使用方法】

一、Sublime 的安装和使用

1.sublime（读音，美[səˈblaɪm]）软件的中文版的下载网址：http://www.sublimetextcn.com/3/
2.Sublime 官网下载
3.安装注意事项：安装路径是字母数字，不可以带中文字符
4.快捷键的使用

• 新建文件：ctrl+N
• 保存文件：ctrl+S
• 添加 html 结构：！+tab键 ，会自动补全
• ★【更多 sublime 常用快捷键介绍】

5.如何快速在浏览器中查看代码效果
右击代码编辑处，选择"在浏览器中打开"

6.如何添加 ‘文件夹’ 到项目，【如何新建项目】
项目——添加文件夹到项目
作用：文件关闭后，可以快速在左侧栏查看文件

7.破解sublime的注册码

• http://blog.sina.com.cn/s/blog_68e267e10102v76h.html

二、sublime 的插件

如何管理插件

1. 管理插件 的组件 叫什么名字：package control

2. 检查是否安装插件管理的插件

   • 在sublime中，调出命令行，ctrl+shift+P
   • 搜索PC （package control的首字母简称）
   • 不显示package control就是没安装，显示就是已经安装
     已安装状态，如下
     

3. 如何调出 sublime 的 控制台命令窗口

• ctrl+~或者 菜单 查看—显示/隐藏控制台

4. 如何 退出 命令行和命令行控制台
   • ESC
5. 怎么安装 package control 组件

• （1）命令安装：输入命令，运行方式：enter键 运行安装 【安装package control的命令https://packagecontrol.io/installation#st3】
• （2）ctrl+shift+p ：输入install ，安装package control
• （3）直接下载安装包 package control 安装包，sublime版本，解压到软件安装目录下的 Data-packages中
  • 插件安装位置：（菜单栏-首选项-浏览插件）

6. 如何删除插件

• ctrl+shift+P ，输入remove ，点击remove package ，会显示已安装的插件列表，点击即可删除·
• 菜单栏-首选项-浏览插件，删除插件的安装文件夹

常用插件介绍

• （1） 汉化插件： 如何把sublime汉化成中文的？
  插件安装：PC——install package ——Chinese Localization
• （2）转化编码方式插件：自动 把文件的编码方式 转化为utf-8
  Converttouft-8 插件
• （3）快速编写插件：快速编写htmdl、css标记，自动补全
  • emmet （读音，美['emɪt]）插件
  • emmet 的使用方法，示例如下：
    
  • Emmet 的使用手册（必看）
• （4）跟随光标插件：IMESupport
  • 输入法跟随光标显示,方便打字时看文字
• （5）代码提示插件：SublimeCodeIntel
• （6）代码检查： SublimeLinter 配置 JS,CSS,HTML 语法检查
  • 插件详细安装方法
    • SublimeLinter 插件安装包下载
    • SublimeLinter-jshint 插件安装包下载
      • Github 插件下载和说明
    • SublimeLinter-csslint 插件安装包下载
      • Github 插件下载和说明
    • SublimeLinter-contrib-htmlhint 插件安装包下载
      • SublimeLinter-contrib-htmlhint 插件 github 下载
  • Node.js 的安装和环境配置
    • Node.js 安装包官网下载
  • （7） 一键格式化 html/css/js：html-css-js prettify
  • 安装 方法1：命令安装。使用快捷键 ctrl+shift+p 调出控制台，输入install package，然后输入html-css-js prettify
  • 安装方法2：下载安装包。html-css-js prettify 插件下载
  • 默认快捷键：ctrl+shift+h
    • 自定义快捷键设置，在下图中可以自定义快捷键
  • 使用条件：需要安装 node.js
    
  • （8）自动补全提示
    • 菜单栏-》首选项-》设置-用户
    • 然后在大括号输入以下代码段 两项设置，可以直接复制：
  • （9）★ 更多插件设置

"auto_complete": true,

"auto_match_enabled": true

• 感谢：♥♥♥ 如果这篇文章对您有帮助的话，可以点赞、评论、关注，鼓励下作者哦，感谢阅读 O(∩_∩)O哈哈~

• 转载 请注明出处 ,Thanks♪(･ω･)ﾉ

  • 作者：Hey_Coder
  • 来源：CSDN
  • 原文：https://blog.csdn.net/VickyTsai/article/details/86749276
  • 版权声明：本文为博主原创文章，转载请附上博文链接！