Sublime Text 2는 subl(왜 sublime이 아닌지는 의문)이라는 CLI(Command-lime interface)을 갖고있다. 이 유틸리티는 디폴트로 설치되는 다음과 같은 폴더에 위치한다.
open /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl
물론 저 폴더에 있는 subl을 바로 사용하면 되겠지만 편리하게 사용할 수 있는 두가지 방법을 적어본다.
body { | |
padding: 10px; | |
color: #eee; | |
font-family: Arial; | |
} | |
h1 { | |
font-size: 24px; | |
margin-bottom: 20px; | |
} |
{ | |
"compilerOptions": { | |
"target": "es5", | |
"module": "commonjs", | |
"moduleResolution": "node", | |
"sourceMap": true, | |
"emitDecoratorMetadata": true, | |
"experimentalDecorators": true, | |
"lib": [ "es2015", "dom" ], | |
"noImplicitAny": true, |
import React, { Component } from 'react'; | |
import PropTypes from 'prop-types'; | |
import { connect } from 'react-redux'; | |
import { bindActionCreators } from 'redux'; | |
// Import actions | |
class $NAME$ extends Component { | |
constructor(props) { | |
super(props); | |
} |
.rounded-gradient-borders { | |
// ---------------------------------------------------------------------- | |
padding: 6px; // border weight | |
background-image: | |
linear-gradient(45deg, white 0%, #eaeaea 100%), // inside color | |
radial-gradient(circle at top left, #55e7e2, #30d884); // border color | |
background-origin: border-box; | |
background-clip: content-box, border-box; | |
border: 1px transparent; | |
border-radius: 10px; |