1

Estoy tratando de buscar cual es la forma de evitar mensajes de alertas que no sean aquellos que sean dirigidos a errores como tal. Tratando de seguir unos tutoriales para aprender angular me he encontrado que el editor, en mi caso vs code, marca muchos errores, pero estos son de advertencia.

Como por ejemplo:

Doctype must be declared first.(doctype-first)

Donde claramente dice que se necesita DOCTYPE como cualquier archivo html, pero cabe recordar que en angular, solo se hace eso en el index o archivo principal de html.

The attribute name of [ *ngIf ] must be in lowercase.(attr-lowercase)

Y en este caso dice que debe ser todo en letras miniscula, cuando son metodos encasulados del mismo framework y esta estipulado de esa forma

1

EL otro es

Properties should be separated by semicolons (semicolon)tslint(1)

Cuando claramente tiene formato de JSON, el cual como objeto va separado por comas, y no por punto y coma.

2

Repositorio ngLearning

9
  • No se si sea lo que estas buscando. Pero para trabajar con Angular en Visual Studio Code te dejo una lista de Snippets y Plugins que facilitan mucho, ademas interpretan mejor ese tipo de mensajes de advertencias: * Angular 2 TypeScript Emmet. * Angular 5 Snippets – (TypeScript, Html, Angular Material…) * Angular Language Service * Angular v5 Snippets * Angular2-inline
    – Alan
    Commented el 31 ene. 2020 a las 2:43
  • Otros muy buenos * Bootstrap 4 & Font Awesome snippets * HTML CSS Support * JavaScript(ES6) code snippets * JS-CSS-HTML Formatter * JSHint * Prettier – Code Formatter * Terminal * TSLint * TypeScript Hero * TypeScript Importer
    – Alan
    Commented el 31 ene. 2020 a las 2:43
  • TSLint lo tengo, y según el paquete que se instala cuando uno crea un proyecto nuevo, tiene ya unas configuraciones, pero no funciona. Por otro lado, los plugins de snippets no solucionan esa parte Commented el 31 ene. 2020 a las 3:01
  • Puedes instalar todo con solo un plugin:marketplace.visualstudio.com/…
    – KarlosCode
    Commented el 31 ene. 2020 a las 12:44
  • 1
    Ademas ten en cuenta que la definición de un interface no es un archivo JSON otra cosa es que luego al utilizarlo si recibas o trabajes con datos en formato JSON
    – KarlosCode
    Commented el 31 ene. 2020 a las 12:46

1 respuesta 1

3

El fichero TSLINT es el que se encarga de dar claridad y uniformidad a nuestro código, sobretodo cuando trabajamos en equipo. Cuando se empieza un proyecto, se suele tener una reunión de cómo se va a programar (en cuanto a estilos). Todas estas reglas quedan reflejas y configuradas en este archivo para que todo el equipo programe con los mismos estilos.

En tu caso de interface, prueba a añadir en el fichero tslint.json lo siguiente:

    "rules": {
        "semicolon": [
            true, 
            "always", 
            "ignore-interfaces"
        ], 

Te dejo un enlace por si quieres configurar más cosas. A veces la configuración del tslint puede ser un poco tediosa, pero conviene invertir un poco de tiempo al comenzar el proyecto. https://palantir.github.io/tslint/rules/

https://palantir.github.io/tslint/rules/semicolon/

4
  • Perdona, tienes que añadirlo dentro de rules "rules": { "semicolon": [true, "always", "ignore-interfaces"], Commented el 6 feb. 2020 a las 15:38
  • puedes editar tu respuesta y agrega lo que explicas puedes añadir una imagen donde se encuentra "rules" Commented el 6 feb. 2020 a las 15:39
  • falta explicar que ese archivo deberia estar en la raiz del repositorio Commented el 6 feb. 2020 a las 15:49
  • Gracias, en mi caso desactive un plugin que se llama HTML-HINT, y ya no marca esas advertencias Commented el 6 feb. 2020 a las 22:28

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.