Skip to content
Vue component file syntax for Atom
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
grammars Support # shorthand since vue@2.6.0+ Jul 28, 2019
snippets Improve snippets (#77) Sep 5, 2017

Vue component support in Atom

Adds syntax highlighting and snippets to Vue component files in Atom.

Originally converted from vuejs/vue-syntax-highlight.

Working with SCSS/Sass

Since vue-loader redirects language=x to loader style!css!x and sass-loader is using SCSS as default, you need to remap them in webpack.config.js:

vue: {
  loaders: {
    sass: 'style!css!sass?indentedSyntax',
    scss: 'style!css!sass'

This is so that this package can support both old Sass and new SCSS. Refer to hedefalk/atom-vue#5 and the official solution for more info.

You can’t perform that action at this time.