如何将VSCode在Vue项目中配置ESLint成为长尾?
- 内容介绍
- 文章标签
- 相关推荐
本文共计913个文字,预计阅读时间需要4分钟。
首先确保安装了VS Code,并安装了Vetur和ESLint插件。接着使用vue-cli提供的简单webpack模板创建项目,默认情况下,项目未添加ESLint。创建项目命令如下:
bashvue init webpack-simple test-vscode
配置过程如下:
1. 按照提示选择项目配置。
2.选择是否使用ESLint,这里选择是。
3.选择ESLint配置方式,这里选择使用配置文件。
4.选择ESLint插件,这里选择Prettier - Code formatter。
5.完成配置后,命令行会提示你运行以下命令安装依赖:
bash
npm install安装完成后,你可以通过以下命令启动项目:
bashnpm run dev
首先确保VS Code 安装了 Vetur 和 Eslint 插件。
然后使用了vue-cli提供的简单webpack模板,这样创建的工程默认没有添加ESLint。
本文共计913个文字,预计阅读时间需要4分钟。
首先确保安装了VS Code,并安装了Vetur和ESLint插件。接着使用vue-cli提供的简单webpack模板创建项目,默认情况下,项目未添加ESLint。创建项目命令如下:
bashvue init webpack-simple test-vscode
配置过程如下:
1. 按照提示选择项目配置。
2.选择是否使用ESLint,这里选择是。
3.选择ESLint配置方式,这里选择使用配置文件。
4.选择ESLint插件,这里选择Prettier - Code formatter。
5.完成配置后,命令行会提示你运行以下命令安装依赖:
bash
npm install安装完成后,你可以通过以下命令启动项目:
bashnpm run dev
首先确保VS Code 安装了 Vetur 和 Eslint 插件。
然后使用了vue-cli提供的简单webpack模板,这样创建的工程默认没有添加ESLint。

