0 -【 工具準備 】- 1 Sublime 安裝使用

1 Sublime 介紹

Sublime 是一個代碼編輯器,可以編寫 HTML,php,js,css 等等文件。

2 Sublime 優點

  1. 跨平臺
  2. 擴展性強
  3. 提交小,運行速度快
  4. 支持編輯功能,可以在控制檯查看輸出
  5. 支持大量的插件

3 Sublime 安裝

下載:http://www.sublimetextcn.com/3/

安裝:必須安裝在電腦硬盤當中 路徑中不能出現中文字符

4 使用

新建文件:

  • command + N:新建文件
  • command + S:保存文件

快速創建 HTML 結構:

  • ! + Tab:輸入 !Tab

在這裏插入圖片描述

新建項目:

在這裏插入圖片描述

5 Sublime 插件安裝和使用

5.1 插件安裝的方式

插件安裝方式一:直接安裝

下載插件安裝包,然後把安裝解壓到 Packages 目錄中,按成安裝(菜單->首選項->瀏覽插件

插件安裝方法二:使用 package control 組件安裝

5.2 Package Control 的介紹

Package ControlSublime 軟件的插件包管理器,通過該組件,我們可以很方便的管理我們插件(瀏覽,安裝,卸載)。

5.3 安裝 Package Control(插件安裝包管理器)

檢查 Sublime 是否安裝了該組件

  • command + ⬆️ + p:在命令板中輸入 PC,如下圖表示沒安裝:
    在這裏插入圖片描述

使用 control + ~ 調出 sublime 軟件的控制檯命令窗口:

在這裏插入圖片描述

找到安裝 package control 命令,在控制檯中運行:

在這裏插入圖片描述

提示鏈接失敗,表示安裝失敗:
重新輸入命令運行:

在這裏插入圖片描述

當控臺輸出一下提示時,表示安裝成功:

在這裏插入圖片描述

檢測組件是否安裝成功,一下界面是安裝成功的狀態:

在這裏插入圖片描述

5.4 使用 package control 安裝插件

漢化插件 ChineseLocalizations

  • command + ⬆️ + p
  • 在命令框中選中 package control:install package 選中它 按回車
  • 在命令框中輸入 插件名稱,選中插件,按回車

在這裏插入圖片描述
在這裏插入圖片描述

ConvertToUTF8 自動把文件編碼方式轉換爲UTF-8

Emmet 能夠快速編寫HTML、CSS標記的插件

SublimeCodeIntel 代碼提示插件

SidebarEnhancements 側邊欄插件,讓側邊欄功能更豐富

5.4 使用 package control 刪除插件

  • command + ⬆️ + p
  • 在命令框中選中 package control:remove package 選中它 按回車
  • 在命令框中輸入 插件名稱,選中插件,按回車
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章