Sublime Text的简单配置

简单的配置

安装的是官网的安装包配置

先不要打开，在安装的目录下Sublime Text 3文件夹下新建一个Data的文件夹，打开sublime后所有的配置都有在这个文件夹下生成
html头文件自动生成
选择html，输入英文的！，然后按Tab键，头文件回自动出现

用户设置

消除升级提示：“update_check”:false,
设置默认编码为UTF-8：“default_encoding”: “UTF-8”,
设置字体: “font_face”: “Consolas”,
设置字号: “font_size”: 13.0,
行号边栏和文字的间距: “margin”: 4,
自动匹配引号，括号等: “auto_match_enabled”: true,
突出显示当前光标所在的行: “highlight_line”: false,
设置行距: “line_padding_top”: 1, “line_padding_bottom”: 1,
代码提示: “auto_complete”: true,
保持退出前的状态: “hot_exit”: true,
解决中文文件名显示问题：“dpi_scale”: 1.0,
代码折叠：“fade_fold_buttons”: false,
左侧隐藏文件：“file_exclude_patterns”: ["*.meta"],
左侧隐藏文件夹：“folder_exclude_patterns”: [“build”, “library”, “local”, “temp”,“packages”],

侧边栏字体大小设置

安装PackageResourceViewer插件
Ctrl+Shift+P打开并输入PackageResourceViewer
选择PackageResourceViewer: Open Resource
选择Theme-default
选Default.sublime-theme
查找sidebar_label：设置字体大小，添加"font.size": 20,
查找sidebar_tree：设置间隔大小，添加"row_padding": [10, 10],

常用插件

ChineseLocalizations：汉化
安装：

• window，进入Data\Packages目录执行下面命令

git clone -b st3 https://github.com/rexdf/ChineseLocalization.git "%APPDATA%Sublime Text 3PackagesChineseLocalization"

• mac，进入Data\Packages目录执行下面命令

git clone -b st3 https://github.com/rexdf/ChineseLocalization.git ~/Library/Application Support/Sublime Text 3/Packages/ChineseLocalization

ConvertToUTF8：解决编码转换
Emmet: 快速编写HTML、CSS、js
HTMLBeautify ：HTML格式化
AllAutoComplete：自动提示
OpeninBrowser：在浏览器打开
SublimeTmpl：可选新建文件类型
AdvanceNewFile：新建文件，Ctrl+Alt+N打开输入框，输入文件及类型
HTMl5：支持HTML5
JavaScript Beauty：JS格式化
Alignment：让开发者自动对齐代码
AutoFileName： 快速列出你想引用的文件夹里面所有文件的名字
JavaScript Completions js代码提示
Vue Syntax Highlight：vue代码自动提示和高亮显示
Color Scheme-Creamy：背景色
PackageResourceViewer：侧边栏管理
sublimeLinter和sublimeLinter-jshint：JS语法检查
Sidebar Enhancements：侧栏右键管理
DocBlockr：快速生成各种注释格式

React Native插件

Babel：支持ES6， React.js, jsx代码高亮

配置

打开.js, .jsx 后缀的文件后，点击菜单View -> Syntax -> Open all with current extension as… -> Babel -> JavaScript (Babel)，即可设置babel为默认 javascript 打开syntax
react-native-snippets：提供了一些react-native的代码快速构建模板

配置：

让其支持JSX
菜单 preferences -> Package Settings -> JsFormat -> Setting - Users，输入以下代码：

{ "e4x": true, // jsformat options "format_on_save": true,}

ReactJS
ReactJS Snippets
React ES6 Snippets
React Native Autocomplete
react-native-css-snippets
Baobab React ES6 Snippets
把SublimeText配置成ReactNative的IDE