vscode快速生成vue模板VSCode怎么创建并运行JS文件？-创新互联

2.然后会创建一个临时文件，如下图所示。

3.选择JS作为文件类型，如下图所示。

4.也可以单击底部的纯文本，如下图所示。

5.在弹出界面中选择JavaScript作为语言模式。

6.然后在文件中编写一些JS语句，如下图所示。

7.点击右上角的三角形按钮，如下图所示。

8.然后您可以在底部看到JS输出，如下图所示。

有许多编辑器/IDE可以编写Vue。我个人建议使用vscode来编写Vue。就连Vue的作者游玉喜也在微博上表示，他也使用vscode。

今天我们将讨论如何使用vscode开发Vue。与大多数ide一样，vscode也有扩展和主题市场，包括大量插件。使用vscode开发Vue必须安装多个功能强大的插件才能提高工作效率。例如，vscode下的vetur就是这样一个必要的Vue开发工具。让我们从它的一些功能开始。

Vetur支持语法高亮显示。Vue文件。除了支持模板之外，它还支持大多数主流的前端开发脚本和插件，比如sass和typescript。支持突出显示的完整语法如下跟随：。语法高亮显示是所有ide的基本功能之一。编写没有语法突出显示的代码真的很不舒服。

默认情况下使用Vetureslint插件vue@beta对于detect<template>，错误检测可以帮助我们在开发过程中发现错误编辑器.tabSize以及编辑器.insertSpace对于HTML和CSS/SCSS/less格式，JSbeauty用于标准化，typescript“slanguage”用于JS/TS格式，这些配置可以更改。有了自动格式化功能，在编写代码时可以减少花在格式化上的时间，并且可以把时间和精力放在代码本身上，大大提高了编写代码的效率。