Skip to content

Instantly share code, notes, and snippets.

@n9ti

n9ti/init.coffee

Last active March 13, 2017 11:35
Show Gist options
  • Save n9ti/eb048b09dace25ae0cc6 to your computer and use it in GitHub Desktop.
Save n9ti/eb048b09dace25ae0cc6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
init.coffee
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
# console.log "Saved! #{editor.getPath()}"
Raw
keymap.cson
# Your keymap
#
# Atom keymaps work similarly to style sheets. Just as style sheets use
# selectors to apply styles to elements, Atom keymaps use selectors to associate
# keystrokes with events in specific contexts.
#
# You can create a new keybinding in this file by typing "key" and then hitting
# tab.
#
# Here's an example taken from Atom's built-in keymap:
#
# 'atom-text-editor':
# 'enter': 'editor:newline'
#
# 'atom-workspace':
# 'ctrl-shift-p': 'core:move-up'
# 'ctrl-p': 'core:move-down'
#
# You can find more information about keymaps in these guides:
# * https://atom.io/docs/latest/using-atom-basic-customization#customizing-key-bindings
# * https://atom.io/docs/latest/behind-atom-keymaps-in-depth
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it here:
# https://github.com/bevry/cson#what-is-cson
'atom-text-editor[data-grammar="source js jsx"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'
Raw
packages.json
[
{
"name": "about",
"version": "1.7.2"
},
{
"name": "activate-power-mode",
"version": "1.3.0"
},
{
"name": "archive-view",
"version": "0.62.2"
},
{
"name": "atom-beautify",
"version": "0.29.17"
},
{
"name": "atom-dark-syntax",
"version": "0.28.0",
"theme": "syntax"
},
{
"name": "atom-dark-ui",
"version": "0.53.0",
"theme": "ui"
},
{
"name": "atom-jade",
"version": "0.3.0"
},
{
"name": "atom-light-syntax",
"version": "0.29.0",
"theme": "syntax"
},
{
"name": "atom-light-ui",
"version": "0.46.0",
"theme": "ui"
},
{
"name": "atom-material-syntax",
"version": "1.0.2",
"theme": "syntax"
},
{
"name": "atom-material-ui",
"version": "1.3.9",
"theme": "ui"
},
{
"name": "autoclose-html",
"version": "0.23.0"
},
{
"name": "autocomplete-atom-api",
"version": "0.10.0"
},
{
"name": "autocomplete-css",
"version": "0.15.0"
},
{
"name": "autocomplete-html",
"version": "0.7.2"
},
{
"name": "autocomplete-plus",
"version": "2.34.2"
},
{
"name": "autocomplete-snippets",
"version": "1.11.0"
},
{
"name": "autoflow",
"version": "0.29.0"
},
{
"name": "autosave",
"version": "0.24.0"
},
{
"name": "background-tips",
"version": "0.26.1"
},
{
"name": "base16-tomorrow-dark-theme",
"version": "1.5.0",
"theme": "syntax"
},
{
"name": "base16-tomorrow-light-theme",
"version": "1.5.0",
"theme": "syntax"
},
{
"name": "bookmarks",
"version": "0.44.1"
},
{
"name": "bracket-matcher",
"version": "0.85.2"
},
{
"name": "command-palette",
"version": "0.40.1"
},
{
"name": "deprecation-cop",
"version": "0.56.2"
},
{
"name": "dev-live-reload",
"version": "0.47.0"
},
{
"name": "emmet",
"version": "2.4.3"
},
{
"name": "encoding-selector",
"version": "0.23.1"
},
{
"name": "exception-reporting",
"version": "0.41.0"
},
{
"name": "export-html",
"version": "3.1.0"
},
{
"name": "file-icons",
"version": "2.0.17"
},
{
"name": "find-and-replace",
"version": "0.206.3"
},
{
"name": "fuzzy-finder",
"version": "1.4.1"
},
{
"name": "git-diff",
"version": "1.3.1"
},
{
"name": "go-to-line",
"version": "0.32.0"
},
{
"name": "grammar-selector",
"version": "0.49.1"
},
{
"name": "highlight-selected",
"version": "0.12.0"
},
{
"name": "image-view",
"version": "0.60.0"
},
{
"name": "incompatible-packages",
"version": "0.26.1"
},
{
"name": "indent-guide-improved",
"version": "1.4.12"
},
{
"name": "keybinding-resolver",
"version": "0.36.1"
},
{
"name": "language-c",
"version": "0.56.0"
},
{
"name": "language-clojure",
"version": "0.22.2"
},
{
"name": "language-coffee-script",
"version": "0.48.5"
},
{
"name": "language-csharp",
"version": "0.14.2"
},
{
"name": "language-css",
"version": "0.42.0"
},
{
"name": "language-gfm",
"version": "0.88.1"
},
{
"name": "language-git",
"version": "0.19.0"
},
{
"name": "language-go",
"version": "0.43.1"
},
{
"name": "language-html",
"version": "0.47.2"
},
{
"name": "language-hyperlink",
"version": "0.16.1"
},
{
"name": "language-java",
"version": "0.26.0"
},
{
"name": "language-javascript",
"version": "0.126.1"
},
{
"name": "language-javascript-jsx",
"version": "0.3.7"
},
{
"name": "language-json",
"version": "0.18.3"
},
{
"name": "language-less",
"version": "0.30.1"
},
{
"name": "language-make",
"version": "0.22.3"
},
{
"name": "language-mustache",
"version": "0.13.1"
},
{
"name": "language-objective-c",
"version": "0.15.1"
},
{
"name": "language-perl",
"version": "0.37.0"
},
{
"name": "language-php",
"version": "0.37.4"
},
{
"name": "language-property-list",
"version": "0.9.0"
},
{
"name": "language-python",
"version": "0.45.2"
},
{
"name": "language-ruby",
"version": "0.70.5"
},
{
"name": "language-ruby-on-rails",
"version": "0.25.2"
},
{
"name": "language-sass",
"version": "0.57.1"
},
{
"name": "language-shellscript",
"version": "0.25.0"
},
{
"name": "language-source",
"version": "0.9.0"
},
{
"name": "language-sql",
"version": "0.25.3"
},
{
"name": "language-text",
"version": "0.7.1"
},
{
"name": "language-todo",
"version": "0.29.1"
},
{
"name": "language-toml",
"version": "0.18.1"
},
{
"name": "language-vue",
"version": "0.21.2"
},
{
"name": "language-xml",
"version": "0.34.16"
},
{
"name": "language-yaml",
"version": "0.28.0"
},
{
"name": "line-ending-selector",
"version": "0.6.1"
},
{
"name": "link",
"version": "0.31.2"
},
{
"name": "linter",
"version": "1.11.23"
},
{
"name": "linter-eslint",
"version": "8.1.3"
},
{
"name": "linter-js-standard",
"version": "3.9.0"
},
{
"name": "markdown-preview",
"version": "0.159.6"
},
{
"name": "metrics",
"version": "1.1.3"
},
{
"name": "nord-atom-syntax",
"version": "0.6.0",
"theme": "syntax"
},
{
"name": "nord-atom-ui",
"version": "0.10.2",
"theme": "ui"
},
{
"name": "notifications",
"version": "0.66.2"
},
{
"name": "one-dark-syntax",
"version": "1.7.1",
"theme": "syntax"
},
{
"name": "one-dark-ui",
"version": "1.9.1",
"theme": "ui"
},
{
"name": "one-light-syntax",
"version": "1.7.1",
"theme": "syntax"
},
{
"name": "one-light-ui",
"version": "1.9.1",
"theme": "ui"
},
{
"name": "open-on-github",
"version": "1.2.1"
},
{
"name": "package-generator",
"version": "1.1.0"
},
{
"name": "react",
"version": "0.16.2"
},
{
"name": "regex-railroad-diagram",
"version": "0.16.0"
},
{
"name": "settings-view",
"version": "0.247.0"
},
{
"name": "snippets",
"version": "1.0.5"
},
{
"name": "solarized-dark-syntax",
"version": "1.1.2",
"theme": "syntax"
},
{
"name": "solarized-light-syntax",
"version": "1.1.2",
"theme": "syntax"
},
{
"name": "spell-check",
"version": "0.70.2"
},
{
"name": "standard-formatter",
"version": "1.2.1"
},
{
"name": "standardjs-snippets",
"version": "2.6.0"
},
{
"name": "status-bar",
"version": "1.8.1"
},
{
"name": "styleguide",
"version": "0.49.2"
},
{
"name": "symbols-view",
"version": "0.114.0"
},
{
"name": "sync-settings",
"version": "0.8.1"
},
{
"name": "tabs",
"version": "0.104.1"
},
{
"name": "timecop",
"version": "0.34.0"
},
{
"name": "tool-bar",
"version": "1.1.0"
},
{
"name": "tool-bar-main",
"version": "0.0.10"
},
{
"name": "tree-view",
"version": "0.214.1"
},
{
"name": "update-package-dependencies",
"version": "0.10.0"
},
{
"name": "vue-autocompile"
},
{
"name": "welcome",
"version": "0.36.0"
},
{
"name": "whitespace",
"version": "0.36.2"
},
{
"name": "wrap-guide",
"version": "0.39.0"
},
{
"name": "zero-title-bar",
"version": "0.3.0"
}
]
Raw
settings.json
{
"atom-beautify": {
"general": {
"_analyticsUserId": "8606ce21-a87e-41e7-9676-da98f84a7b89"
},
"html": {
"indent_size": 2,
"wrap_attributes_indent_size": 2
}
},
"autoclose-html": {},
"core": {
"closeEmptyWindows": false,
"disabledPackages": [
"activate-power-mode"
],
"telemetryConsent": "no",
"themes": [
"one-dark-ui",
"atom-material-syntax"
],
"useCustomTitleBar": true
},
"editor": {
"fontSize": 19,
"invisibles": {}
},
"exception-reporting": {
"userId": "a2ce7253-fe74-2d4b-3e3b-ebd0447e2304"
},
"export-html": {
"lineNumber": {}
},
"file-icons": {},
"linter": {
"errorPanelHeight": 24,
"gutterPosition": "Left",
"showErrorTabLine": true
},
"linter-eslint": {
"lintHtmlFiles": true
},
"linter-js-standard": {
"checkStyleDevDependencies": true,
"honorStyleSettings": true,
"showEslintRules": true
},
"one-dark-ui": {},
"react": {
"enabledForAllJavascriptFiles": true
},
"standard-formatter": {
"checkStyleDevDependencies": true,
"honorPackageConfig": false
},
"sync-settings": {},
"tool-bar": {
"position": "Left"
},
"tree-view": {
"hideIgnoredNames": true
},
"welcome": {
"showOnStartup": false
}
}
Raw
snippets.cson
# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#
# '.source.coffee':
# 'Console log':
# 'prefix': 'log'
# 'body': 'console.log $1'
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it here:
# https://github.com/bevry/cson#what-is-cson
'.source.js':
'console.log':
'prefix': 'log'
'body': 'console.log($1)'
'.text.html.vue':
'bulma-section':
'prefix': 'bulma-section'
'body': """
<section class="section">
<h1 class="title is-1">$1</h1>
<h2 class="subtitle is-3">$2</h2>
<div class="columns is-multiline is-tablet">
<div class="column is-12-tablet">$3</div>
</div>
</section>
"""
'bulma-box':
'prefix': 'bulma-box'
'body': """
<div class="box">
<article class="media">
<div class="media-left">
<figure class="image is-64x64">
<img src="$1" alt="">
</figure>
</div>
<div class="media-content">
<div class="content">
<p>
<strong class="title">$2</strong>
<p class="subtitle">$3</p>
</p>
</div>
</div>
</article>
</div>
"""
'bulma-level':
'prefix': 'bulma-level'
'body': """
<nav class="level is-mobile">
<div class="level-item has-text-centered">
<div>
<p class="heading">Stars</p>
<p class="title">{{ }}</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="heading">Open Issues</p>
<p class="title">{{ }}</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="heading">Forks</p>
<p class="title">{{ }}</p>
</div>
</div>
<div class="level-item has-text-centered">
<div>
<p class="heading">Pull Requests</p>
<p class="title">{{ }}</p>
</div>
</div>
</nav>
"""
'img-100%':
'prefix': 'img-100'
'body': """
<img :src="$1" alt="" width="100%" height="100%">
"""
'router-link':
'prefix': 'router-link'
'body': """
<router-link :to="$1" class="title">$2</router-link>
"""
'vue-data':
'prefix': 'data-vue'
'body': """
data () {
return {
$1: $2
}
}
"""
'vue-components':
'prefix': 'components-vue'
'body': """
components: {
$1
}
"""
'vue-props':
'prefix': 'props-vue'
'body': """
props: ['$1']
"""
'vue-computed':
'prefix': 'computed-vue'
'body': """
computed: {
$1 () {
return $2
}
}
"""
'vue-created':
'prefix': 'created-vue'
'body': """
created () {
$1
}
"""
'vue-mounted':
'prefix': 'mounted-vue'
'body': """
mounted () {
$1
}
"""
Raw
styles.less
/*
* Your Stylesheet
*
* This stylesheet is loaded when Atom starts up and is reloaded automatically
* when it is changed.
*
* If you are unfamiliar with LESS, you can read more about it here:
* http://www.lesscss.org
*/
.tree-view {
}
// style the background and foreground colors on the atom-text-editor-element
// itself
atom-text-editor {
}
// To style other content in the text editor's shadow DOM, use the ::shadow
// expression
atom-text-editor::shadow .cursor {
}
.indent-guide-improved {
background-color: rgba(100, 100, 100, 0.1);
&.indent-guide-stack {
background-color: rgba(100, 100, 100, 0.1);
&.indent-guide-active {
background-color: rgba(100, 100, 200, 0.3);
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment