这么优美的代码格式，请问怎么写的？

Question

使用的编辑工具：sublime text 3
问题：此工具默认的背景色是黑色的，不是很习惯，请问下怎么设置背景色，还有设置代码格式，如：代码行间距、“=”前后的空格
网上一位大神写的代码

这格式，简直美得不要不要。

而我的是这样的

还有，大家也可以分享自己的优美的代码格式，我也学习学习

Answer 1

除了行间距，其他的空格都是靠编码习惯养成的。sublime的背景，你可以选择不同的theme来改变背景色及字体配色。

当然，除了自己养成好的代码习惯外，也要选个好看的主题，才能显得更好看。

列几个我自己平时写代码的时候，会注意的几点（不完全）：

1.多个参数用逗号分隔，且逗号后加一个空格；参数的结束括号和大括号之间加一个空格；运算符前后各加一个空格。

function testFunc(arg1, arg2) {
    return arg1 + arg2;
}

2.同行内的分号后加一个空格

for(var i = 0; i < 10; i++) {
    console.log('Index:', i);
}

3.如果使用ES6的解构取值，在大括号内的两边各一个空格

import React, { Component, PropTypes } from 'react';

const { params } = this.props;

4.Object对象的key、value书写的时候，在“:”后加一个空格

const obj = {
    loading: false,
    params: {
        page: 1,
        page_size: 20,
        keyword: ''
    }
};

5.Object对象的key、value写在同一行时

const obj = { loading: false, params: { page: 1, page_size:20, keyword: '' } };

贴几张代码截图：