Atom 的 VueJS 设置

Question

我一直在寻找 VueJS 的 linter 和 hinter。另外我在任何地方都使用 tyepsript，所以 js-hint 和 linter-jscs 不会有用。 我目前有这些：

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

我需要的功能：

• 变量声明错误
• 分号警告
• 跳转到变量描述
• 如果可能的话，Bootstrap-Vue 标记完成
• 基本的sn-ps

Answer 1

基本的sn-ps

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

短绒

• https://atom.io/packages/linter-eslint（你应该在你的项目中安装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'