question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Allow selecting TSLint + ESLint for .vue files

See original GitHub issue

What problem does this feature solve?

If I would like to work on a project using TypeScript and also I would like to lint templates of .vue files, I need to start a new project selecting TypeScript and TSLint, and then install and invoke the @vue/cli-plugin-eslint plugin to add the required packages and the .eslintrc file.

What does the proposed API look like?

Allow selecting TSLint + ESLint (with the same config as ESLint with error prevention only) to generate .eslintrc and tslint.json files, when I create a new Vue project. Maybe would be better to add a question after Pick a linter / formatter config to ask if I would like to lint templates in .vue files

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:14
  • Comments:14 (5 by maintainers)

github_iconTop GitHub Comments

4reactions
DrSensorcommented, May 16, 2018

As a side note for this feature

the prompt choice will be long
? Pick a linter / formatter config:
❯ TSLint
  TSLint + Airbnb ESLint config
  TSLint + Standard ESLint config
  TSLint + Prettier
  ESLint with error prevention only
  ESLint + Airbnb config
  ESLint + Standard config
  ESLint + Prettier
If it's implemented, the prompt choices need to be trimmed (merge ESLint choice)
? Pick a linter / formatter config:
❯ TSLint
  TSLint + Airbnb ESLint config
  TSLint + Standard ESLint config
  TSLint + Prettier

using tslint-eslint-rules maybe can help to implement this feature

3reactions
NicoCevalloscommented, Mar 15, 2019

Thanks @IlCallo for that info, I was disconnected of any news about the JS/TS ecosystem LOL I researched a bit about that and checked the roadmap, and looks like the plan is to implement TS linting into ESLint in June 2019, so… so I think far ESLint + TSLint would be a good approach to cover things in TS that doesn’t exists in ESLint like the conflict between new-cap rule and the decorators image

Read more comments on GitHub >

github_iconTop Results From Across the Web

User Guide | eslint-plugin-vue
In the Settings/Preferences dialog ( Cmd+, / Ctrl+Alt+S ), choose JavaScript under Languages and Frameworks and then choose ESLint under Code ...
Read more >
How To Configure ESLint and Prettier for Vue.js - DigitalOcean
Step 1 — Setting Up the Project​​ Then, start a new Vue project using @vue/cli with default configurations: npx @vue/cli create vue-eslint- ...
Read more >
ESLint doesn't believe that I've included .vue files in my tsconfig
I solved the issue by using a solution-style tsconfig instead and using eslintrc overrides to select specific file extensions and point ...
Read more >
User Guide | eslint-plugin-vue-scoped-css
In the Settings/Preferences dialog ( Cmd+, / Ctrl+Alt+S ), choose JavaScript under Languages and Frameworks and then choose ESLint under Code ...
Read more >
Vue 3 with Typescript, ESLint and Prettier - Javier Fernández
Once installed, we will go to Vetur settings and in Format -> Default Formatter section we will select the formatters for HTML, CSS,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found