【问题标题】:Does VSCode support Vue without adding extensions?VSCode 在不添加扩展的情况下支持 Vue 吗?
【发布时间】:2017-07-09 09:49:32
【问题描述】:

我似乎在 VS Code 中有语法高亮,没有安装任何特定的 Vue 扩展(事实上,当我运行 code --disable-extensions 时)。但是从我看到的around the web/朋友的情况来看,需要一个 vue 扩展,因为 VS Code 不支持开箱即用的 Vue。

它是否支持 Vue?我查看了过去几个月的发行说明,没有发现任何与 Vue 相关的内容。如果它确实支持 Vue,为什么会有一些提供语法高亮的 Vue 扩展?

【问题讨论】:

    标签: vue.js visual-studio-code


    【解决方案1】:

    Vue 只是一个 JavaScript 库,所以,是的,您可以在 VSCode 中编辑 Vue 代码。然而,像“Single File Components”这样的东西让使用 Vue 变得更加容易。 VSCode 也可以编辑 .vue 文件,但要处理这些文件,您需要使用 webpack 或 Browserify 等工具将它们后处理为浏览器友好的代码。

    【讨论】:

      【解决方案2】:

      免责声明:前 VSCode 实习生。在 vetur 上工作,vue 的 VSCode 扩展:

      简答:否。

      长答案:

      VSCode 已将其 html 扩展用于 vue SFC。这适用于 html/css/js,但不适用于 pug/sass/scss/less/stylus/typescript/coffee。

      “工作正常”是指 VSCode 具有正确的语法高亮显示、一些 IntelliSense、格式化程序和错误检查,用于 html/css/js。

      VSCode 无意在其 html 扩展中添加 vue-specific 支持,如 scss 支持等。所以我开始研究 vetur。最初我只是想要更好的语法高亮,但现在我重新设计了 vue 组件的语法并移植了 VSCode 的 html 扩展以支持 vue,因此您可以获得完整的语法高亮、一些 IntelliSense、错误检查和格式化。

      以下是已实现功能的列表:

      • html/css/scss/less/js 的基本 IntelliSense
      • css/scss/less/js 的 Linting
      • 语法高亮显示:
        • html/jade/哈巴狗
        • css/sass/scss/less/手写笔
        • js/ts
      • 嵌入式 sn-p 支持
        • 在所有区域外使用 vue sn-p
        • 在其区域内使用每种语言的 sn-p
      • 用于 html/css/sass/scss/less 的 emmet

      【讨论】:

      • 嗨,非常感谢您制作 vetur。由于某种原因,我无法完成这项工作。显然,没有其他人有这个问题。所以我一定遗漏了一些明显的东西。这就是我所做的:1. 安装 vetur,2. 下载 veturpack,3. 从 veturpack 文件夹中运行 yarn 和 yarn dev。 4.在vs代码中打开文件夹。没有任何效果。我还尝试使用include": [ "./client/**/*" ] 添加一个 jsconfig.json 文件。在 tsconfig 中也做了同样的事情。你能告诉我我做错了什么吗?再次感谢。
      • 忘记添加:VS Code 0.13.1、vetur 0.9.0、Node 8.1.3、Windows 10。vetur 是唯一安装的扩展。
      • 没关系。问题很简单。我之前已将我的 .vue 文件配置为读取为 html。只需要将语言更改为 vue。
      猜你喜欢
      • 2013-06-11
      • 1970-01-01
      • 1970-01-01
      • 2019-09-28
      • 1970-01-01
      • 1970-01-01
      • 2018-04-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多