La configuración de vsCode completa automáticamente el código de compatibilidad css y resuelve la invalidez de Autoprefixer 3.0

problema:

Utilice el editor de vsCode para configurar Autoprefixer3.0 para que no complete automáticamente el código de compatibilidad

Solución:

Se cambió Autoprefixer3.0 a la versión 2.0 y se clasificaron los resultados de la navegación web, finalmente se encontró una solución y se llevaron a cabo los siguientes pasos para verificar. Hay una cosa que decir, y discutir entre ellos si hay un problema, ¡no rocíe! ! !
ps. Si un amigo de código encuentra una solución para la versión Autoprefixer3.0, bienvenido a comunicarnos

Pasos de la solución:
  1. Primero configure el entorno node.js (Du Niang lo tendrá cuando lo encuentre)
  2. Abra vsCode para buscar Autoprofixer. Generalmente, es la última versión por defecto. Necesita descargar la nueva versión antes de reemplazar la versión 2.2.0 (Nota: ¡Recuerde volver a cargar después del reemplazo!)
    Inserte la descripción de la imagen aquí
  3. Después de la instalación, debe encontrar Autoprefixer en Preferencias> Configuración> Extensiones, ingrese setting.json y configure el siguiente código
    Inserte la descripción de la imagen aquí
"autoprefixer.browsers": [
        // "last 9 versions", 
        "ie >= 6",  //ie6以上
        "firefox >= 8",
        "chrome >= 24",
        "Opera>=10"
    ]
  1. Abra el terminal (cthl + `), ingrese el código
npm i -D autoprefixer
npm i -g autoprefixer

Inserte la descripción de la imagen aquí

  1. Cierre el software vsCode. Haga clic con el botón derecho en una sola máquina para configurar las propiedades> compatibilidad, seleccione "ejecutar este programa como administrador"
    Inserte la descripción de la imagen aquí
  2. Haga doble clic para abrir la prueba de software, seleccione el archivo css, presione ctrl + shift + p, y luego seleccione Autoprefixer, se puede completar automáticamente
    Inserte la descripción de la imagen aquí
    Inserte la descripción de la imagen aquí

problema:

Utilice el editor de vsCode para configurar Autoprefixer3.0 para que no complete automáticamente el código de compatibilidad

Solución:

Se cambió Autoprefixer3.0 a la versión 2.0 y se clasificaron los resultados de la navegación web, finalmente se encontró una solución y se llevaron a cabo los siguientes pasos para verificar. Hay una cosa que decir, y discutir entre ellos si hay un problema, ¡no rocíe! ! !
ps. Si un amigo de código encuentra una solución para la versión Autoprefixer3.0, bienvenido a comunicarnos

Pasos de la solución:
  1. Primero configure el entorno node.js (Du Niang lo tendrá cuando lo encuentre)
  2. Abra vsCode para buscar Autoprofixer. Generalmente, es la última versión por defecto. Necesita descargar la nueva versión antes de reemplazar la versión 2.2.0 (Nota: ¡Recuerde volver a cargar después del reemplazo!)
    Inserte la descripción de la imagen aquí
  3. Después de la instalación, debe encontrar Autoprefixer en Preferencias> Configuración> Extensiones, ingrese setting.json y configure el siguiente código
    Inserte la descripción de la imagen aquí
"autoprefixer.browsers": [
        // "last 9 versions", 
        "ie >= 6",  //ie6以上
        "firefox >= 8",
        "chrome >= 24",
        "Opera>=10"
    ]

Supongo que te gusta

Origin blog.csdn.net/weixin_46034375/article/details/108699055
Recomendado
Clasificación