SublimeText3插件安裝及使用



之前寫過一篇文章講了安裝PackageControl,這里就不做贅述了,需要的朋友移步到這篇文章: Sublime Text安裝package control

安裝插件方法:通過preferencs--Package Control或者快捷鍵ctrl+shift+P,然后找到install Package,搜索插件,安裝即可。

卸載插件方法:通過preferencs--Package Control或者快捷鍵ctrl+shift+P,然后找到remove Package,找到要卸載的插件。

下邊直接說我安裝了哪些插件


Alignment

代碼對齊
對應的快捷鍵: Ctrl+Alt+A

BracketHighlighter

提供行數高亮的各種配對的語法符號。也就是可以匹配[ ]、{ }等,高亮標記,便於查看起始和結束標記。

Color Highlighter

可以展示當前所選擇的顏色代碼的真正顏色

ColorPicker

使用一個取色器改變顏色

對應的快捷鍵: Ctrl+Shift+C

注意 : 這里,要說一下,ConvertToUTF8和ColorPicker的默認快捷鍵是一樣的,都是 Ctrl+Shift+C。所以要去修改一下快捷鍵的設置,修改哪一個的都可以。

我修改的是ConvertToUTF8的快捷鍵,進到相應的插件安裝的目錄(菜單欄Preferences —— Browse Packages),找到 ConvertToUTF8文件夾,進入,可以看到有linux、mac和windows的快捷鍵設置文件,根據自己的操作系統,打開相應文件修改。這里我修改的是windows,如圖:

這里寫圖片描述

我改成了 ctrl+shift+u

這里寫圖片描述

DocBlockr

可以添加注釋塊
輸入/**,按回車鍵就可以了

Emmet

這個真的超級好用!

使用仿CSS選擇器的語法來生成代碼,大大提高了HTML/CSS代碼編寫的速度。

這里不詳細講用法了,可以網上搜一下。

對應的快捷鍵: Ctrl+Alt+Enter

HTML Beautify

功能如其名,HTML格式化

HTML-CSS-JS Prettify

格式化HTML-CSS-JS代碼

安裝完后要修改一下配置文件:
preference--Package Settings--HTML/CSS/JS Prettify--Plugin Options-Default

修改nodejs的安裝路徑(Windows用戶在命令行輸入where node即可查看)

這里寫圖片描述

增強右鍵菜單文件操作功能。
在側邊欄的文件上右擊時,這個插件提供了大量更多的選擇。打開,查找,復制和粘貼,等等。

View in Browser

通過默認瀏覽器打開當前文件

JavaScript Completions

支持JavaScript原生語法提示

SublimeCodeIntel

設置JavaScript代碼自動補全

sublimeLinter和sublimeLinter-jshint

    寫JavaScript時候能夠提示代碼問題。這個裝好之后可以去修改一下.jshintrc文件,安裝完成后有一些默認設置的。

這里寫圖片描述

這里粘一下我目前的設置,以后有新的再補充。關於這個,可以網上搜一下,很多資料。

  "browser": true,
  "esnext": true,
  "globals": {
      "$": false
  },
  /**
   * 是否必須用"use strict"
   */
  "strict": false,
  "undef": true,
  "unused": true,

  /**
   * 是否強制使用嚴格等號
   */
  "eqeqeq": false,

  /**
   * 使用js保留字時提出警告
   */
  "futurehostile":true

markdownEditing和markdownLivePreview

    安裝這兩個的時候搞了很久,主要是因為安裝markdownEditing這個插件的時候遇到了一個問題,最后在官網上找到了答案。如下圖:

這里寫圖片描述

我安裝完之后彈出了一個對話框是error loading syntax files,卸載重新安裝也不對。其實是因為我安裝這個插件的時候打開了之前寫的md文件。關掉這些文件重新安裝就好了。

    第二點就是,markdown的主題設置。sublime text剛裝好的時候就換了主題,然后markdown這里默認的是白色背景,有時候從js文件切換到md文件覺得畫風轉換太快不適應,所以就修改了一下。
方法是:在preference-package settings--Markdown Editing--Markdown GFM Settings - user文件中添加以下設置:

{
    "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme"
}

    第三點,安裝完后發現始終有那么一部分區域啥都沒有,就只是占着地方。原來是因為default中有設置Layout,所以這里也是要修改設置,還是在上一步中的文件,添加以下:

    "draw_centered": false,//default中為true
    "word_wrap": true,
    "wrap_width": 80,
    "rulers": []

瀏覽器快捷鍵

除了這些插件外,我還配置了文件在IE、FireFox、Chrome中打開的快捷鍵,方法如下:

修改快捷鍵設置,但是注意不要跟默認設置中的沖突

//ie
{ "keys": ["ctrl+f12"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files/Internet Explorer/iexplore.exe", "extensions": ".*" } },
//chorme
    { "keys": ["alt+f12"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "extensions": ".*" } },
//firefox
    { "keys": ["f12"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:\\Program Files (x86)\\Mozilla Firefox\\firefox.exe", "extensions": ".*" } }

keys為相應的快捷鍵,path對應瀏覽器的安裝路徑


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM