Atom 的 VueJS 设置

Question

我正在寻找 VueJS 的 linter 和 hinter。此外，我到处都在使用 tyepsript，所以 js-hint 和 linter-jscs 不会有用。 我目前有这些：

• language-vue
• atom-beautify
• emmet
• linter
• linter-ui-default

我需要的功能：

• 变量声明错误
• 分号警告
• 跳转到变量描述
• 如果可能Bootstrap-Vue标签补全
• 基本片段

Answer 1

基本片段

• https://atom.io/packages/vuejs2-snippets

短绒

• https://atom.io/packages/linter-eslint (you should install eslint-plugin-vue 在你的项目中）

Answer 2

在 Atom 上使用 Vue 语言启用 Emmet

• 转到 Atom 编辑器上的 keymap.cson（Atom 项目菜单在顶部）

• 复制并粘贴此代码

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