Почему я не могу включить завершение вкладки для JSX с Emmet In Atom IDE

Question

Я имею в виду инструкции на https://gist.github.com/ivan-hilckov/a487b21b325441cdbe8c56594a685ec0 Но они не работают для меня.

Мой package.json файл:

{
  "name": "atom-ide-setup",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^16.6.0",
    "react-dom": "^16.6.0"
  },
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1"
  }
}

В Atom установлены следующие пакеты сообщества:

emmet
language-babel
language-javascript-jsx (disabled)
atom-ternjs (disabled)
javascript-snippets

Мой keymap.cson файл включает в себя:

'atom-text-editor[data-grammar~="jsx"]:not([mini])':
  'tab': 'emmet:expand-abbreviation-with-tab'

И файл .js, который я редактирую, выглядит так:

import React, { Component } from 'react';

class App extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      div.myclass  // this doesn't tab expand
    )
  }
}

export default App;

Я подозреваю, что что-то упустил или что-то выключено. Но я не знаю что. Любая помощь приветствуется.

Answer 1

У меня была такая же проблема при использовании emmet с Atom. Что у меня работает (на окнах) это Ctrl + e

Answer 2

Благодаря комментариям от mikedklein и swelet к другому связанному посту.Начиная с Emmet 2.4.3 command+shift+e работает, или добавляется:

'atom-text-editor:not([mini])':'tab':
 'emmet:expand-abbreviation-with-tab'

в файл keymap.cson, который находится в Atom -> Keymap ... в меню.Да, включая одинарные кавычки.