vscode配置vue环境-白红宇

vscode配置vue环境

阅读量：193 次

发布时间：2019-02-28

本文共 731 字，大约阅读时间需要 2 分钟。

安装VSCode和NodeJS的配置指南

安装VSCode和NodeJS是构建开发环境的基础步骤。下面将详细指导如何完成这一过程。

1. 安装VSCode

首先，前往VSCode的官方网站下载安装包。安装完成后，打开软件并进行初步配置。

2. 安装NodeJS

访问NodeJS的官方网站，下载对应平台的安装包。安装完成后，检查版本是否为LTS版本（Long Term Support），以确保稳定性。

3. 配置VSCode插件

打开VSCode后，通过“扩展”栏添加常用插件，如“ESLint”和“Prettier”，完成后重启VSCode。

4. 创建VSCode配置文件

在项目目录下新建.vscode文件夹，打开设置文件config.json。将以下内容复制到文件中：

{
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "prettier.eslintIntegration": true,
  "search.exclude": {
    "**/dist": true
  },
  "vetur.validation.template": false
}