代码错误和风格检查
2017-05-27 21.53.35.gif上图是使用了 , 和 插件实现的效果，示例中出现4个提示:
- moment 这个库没有安装，提示用 npm i -S moment 进行安装
- 引入了 moment 这个库，但是从来没有使用过
- 提示 import moment from ‘moment’ 末尾要加 ‘;’
- 提示 import moment from ‘moment’ 下面要空一行
代码格式化
2017-05-27 21.55.43.gif上图使用了Esformatter插件实现的效果，.esformatter.json 配置如下
{
"extensions":
[
"js",
"jsx",
"sublime-settings"
],
"options": {
"plugins": [
"esformatter-jsx",
"airbnb"
],
"jsx": {
"formatJSX": true,
// change these to your preferred values
// refer to for more options
"attrsOnSameLineAsTag": false,
"maxAttrsOnTag": 1,
"firstAttributeOnSameLine": false,
"alignWithFirstAttribute": true
}
// other esformatter options
}
}
代码片段
2017-05-27 22.07.27.gif代码编辑器
{
"auto_find_in_selection": true,
"bold_folder_labels": true,
"color_scheme": "Packages/Material Theme/schemes/Material-Theme-Darker.tmTheme",
"default_line_ending": "unix",
"draw_minimap_border": true,
"ensure_newline_at_eof_on_save": true,
"fade_fold_buttons": false,
"folder_exclude_patterns":
[
".svn",
".git",
".hg",
"CVS"
],
"font_size": 15,
"highlight_line": true,
"highlight_modified_tabs": true,
"ignored_packages":
[
"Vintage"
],
"save_on_focus_lost": true,
"tab_size": 2,
"theme": "Material-Theme-Darker.sublime-theme",
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"word_wrap": "true"
}
预先善其事，必先利其器。代码敲起来才更有感觉。