rcorp / standard-project-structure

A mission to improve developer productivity. Automate Everything ™ !
Apache License 2.0
5 stars 3 forks source link

Standard Default Linters for HTML, CSS, JS and Transpiled Laguages #4

Open gaurav21r opened 8 years ago

gaurav21r commented 8 years ago

We need linters which have the following properties:

riteshe63 commented 8 years ago

eslint is a JS Compiler and linter-eslint is in build eslint. https://atom.io/packages/linter-eslint https://github.com/AtomLinter/linter-eslint https://github.com/eslint/eslint

Csslint: https://github.com/CSSLint/csslint

Htmlhint, Htmlhint is not in atom but linter-htmlhint is present in atom. https://github.com/yaniswang/HTMLHint https://github.com/AtomLinter/linter-htmlhint

gaurav21r commented 8 years ago

@ritesh we can continue the conversation here, in addition we need to standardize rules for these as well. Let us try to be as _popular_ as possible.

For JS ->

  1. https://github.com/feross/standard
  2. https://github.com/airbnb/javascript

For CS ->

Let us review some popular projects like

  1. https://github.com/jashkenas/coffeescript
  2. https://github.com/atom/atom

For HTML / CSS again, some projects->

  1. https://github.com/twbs/bootstrap
  2. https://github.com/google/material-design-lite
  3. https://github.com/necolas/normalize.css
  4. https://github.com/google/web-starter-kit
  5. https://github.com/Polymer/polymer

For TypeScript

  1. https://github.com/Microsoft/TypeScript
  2. https://github.com/dojo/core
  3. https://github.com/angular/angular
riteshe63 commented 8 years ago

ok i am try this

riteshe63 commented 8 years ago

@gaurav21r Popular repo is

For JS

https://github.com/airbnb/javascript

For HTML/CSS

https://github.com/twbs/bootstrap

For TypeScript

https://github.com/angular/angular

riteshe63 commented 8 years ago
gaurav21r commented 8 years ago

@riteshe63 All the above are fine except for:

  1. stylelint seems to be a good alternative to CSSLint. Let us research who uses what? CSSLint is used by Bootstrap, normalize.css uses stylelint. I prefer stylelint ATM its more modern!
  2. TS, This is not a linter! It is the link to TypeScript itself! Please fix!
riteshe63 commented 8 years ago

@gaurav21r TS, Update Linter Node

Linter NodeAtom Linter
JSESLint
https://github.com/eslint/eslint
Linter-ESLint
https://github.com/AtomLinter/linter-eslint
CSCoffeeLint
https://github.com/clutchski/coffeelint
Linter-Coffee
https://github.com/AtomLinter/linter-coffeelint
CSSCSSLint
https://github.com/CSSLint/csslint
Linter-CssLint
https://github.com/AtomLinter/linter-csslint
HtmlHtmlhint
https://github.com/yaniswang/HTMLHint
Linter-Htmlhint
https://github.com/AtomLinter/linter-htmlhint
TSTypeScript
https://github.com/palantir/tslint
Atom-Typescript
https://github.com/TypeStrong/atom-typescript