前提是前往 官網(wǎng)下載軟件
參考鏈接：https://www.sublimetext.com/3 官網(wǎng)下載地址 -> 選擇適合自己操作系統(tǒng)的版本
安裝并打開后：
- 參照下圖所示安裝漢化插件（純手工編輯的喲）
sublime text3 最新版的漢化包安裝指南_百度經(jīng)驗.jpg
- Emmet
傳說中快速的編寫html代碼的“神器”。
使用教程：https://www.w3cplus.com/tools/emmet-cheat-sheet.html
- Better Completion
github https://github.com/Pleasurazy/Sublime-Better-Completion
javascript ,jQuery , Bootstrap 等js庫的自動補(bǔ)全亥曹。該插件的特點就是可以自定義配置需要自動補(bǔ)全的庫屿附。
- 安裝完以后它的配置文件可以配置自己需要補(bǔ)全的庫
ctrl + shift + p
sbc settings use
//copy以下代碼 并保存文件
{
// --------------------
// sublime-better-completions-Package (sbc package)
// --------------------
// API files is contains the *keyword* such as `html`, `jquery`, `myglossary` with lowercase as filename `sbc-api-${filename}.sublime-settings` place in `/packages/User/` (your own) or `/packages/${this-package}/sublime-completions/` (package build-in).
// After you enable, disable or added new your own completions, you might need restart your Sublime Text Editor.
//
// Your own setting file `sbc-setting.sublime-settings` need to place in `/packages/User/` and contains all your api setting property that you want to enable.
//
// --------------------
// APIs Setup
// --------------------
// `true` means enable it.
// `false` means disable it.
"completion_active_list": {
// build-in completions
"css-properties": false,
"gruntjs-plugins": false,
"html": true,
"lodash": false,
"javascript": true,
"jquery": true,
"jquery-sq": false, // Single Quote
"php": false,
"phpci": false,
"sql": false,
"twitter-bootstrap": false,
"twitter-bootstrap-less-variables": false,
"twitter-bootstrap3": false,
"twitter-bootstrap3-sass-variables": false,
"underscorejs": false,
"react": false,
// Your own completions?
// ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/sbc-api-my-angularjs.sublime-settings
"my-angularjs": false,
// ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/sbc-api-my-glossary.sublime-settings
"my-glossary": false,
// ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/sbc-api-my-html.sublime-settings
"my-html": false,
// ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/User/sbc-api-my-javascript.sublime-settings
"my-javascript": false
}
}
- 激活
幫助 -> 注冊碼
//copy 以下代碼 點擊確認(rèn)
—– BEGIN LICENSE —–
TwitterInc
200 User License
EA7E-890007
1D77F72E 390CDD93 4DCBA022 FAF60790
61AA12C0 A37081C5 D0316412 4584D136
94D7F7D4 95BC8C1C 527DA828 560BB037
D1EDDD8C AE7B379F 50C9D69D B35179EF
2FE898C4 8E4277A8 555CE714 E1FB0E43
D5D52613 C3D12E98 BC49967F 7652EED2
9D2D2E61 67610860 6D338B72 5CF95C69
E36B85CC 84991F19 7575D828 470A92AB
—— END LICENSE ——
- javascript next - ES6 syntax
javascript ES6 語法高亮的支持归敬。
- html-css-jsprettify
之前格式化 js，css 文件使用的都是 JsFormat 和 CSSFormat返帕。每次在不同的文件中都要去使用兩個不同的插件。后來找到一個可以支持三種語言格式化的插件。
對Html妈候，css，js文件進(jìn)行格式化挂滓。
//html-css-jsprettify插件快捷鍵
{"keys": ["command+alt+l"],"command": "htmlprettify"},
- Material Theme
主題安裝
- 用戶設(shè)置
"font_face": "Comic Sans MS",
"font_size": 14.0,
"tab_size": 2,
圖標(biāo)包 A File Icon
自動提示文件路徑名 AutoFileName
less 高亮顯示 LESS
ConvertToUTF8 可以使 sublime 識別中文苦银，避免出現(xiàn)亂碼問題
TypeScript syntax 識別 TypeScript 語法插件
React 開發(fā)環(huán)境配置
參考網(wǎng)址：http://www.reibang.com/p/9be2dc4f5095
- Vue Syntax highlighting Vue 語法高亮
