Resumen: Java Script (en lo sucesivo, js) es un lenguaje de scripting. Para los principiantes, primero debe aprender cómo ejecutar realmente el código js. Este artículo comenzará instalando el código de Visual Studio, creará un programa js simple y lo ejecutará en el navegador 360 durante todo el proceso, e introducirá cómo editar en el entorno de código de Visual Studio y cómo ejecutarlo en el navegador 360. La clave es instalar el método de complemento Open In Browser.
Tabla de contenido
2.1 Descargar e instalar Visual Studio Code
2.2 Cree un nuevo archivo e ingrese el código fuente js.
2.3 Guarde el archivo como un archivo html
2.4 Problemas encontrados al ejecutar el código
2.5 Cómo instalar el complemento, qué complemento instalar.
2.6 Cómo usar complementos para ejecutar código js
5.1 ¿Qué es Visual Studio Code?
5.2 ¿Cuáles son las ventajas de Java Script?
5.3 ¿Qué es javascript y cuál es la diferencia entre html y css?
Ver en el navegador / Abrir en el navegador del complemento VSCode 'Ver en el navegador'
1. Objetivo del experimento:
Comience desde 0, escriba un programa javascript y luego ejecútelo correctamente.
Entorno de programación: win7 x64, código visual studio v1.45.1, navegador 360 v12.2.1564.0
El efecto de ejecución se muestra en la siguiente figura,
2. Pasos experimentales:
2.1 Descargar e instalar Visual Studio Code
La forma más conveniente es descargar e instalar a través del administrador de software 360
Necesito hacer clic en siguiente varias veces
Una vez completada la instalación, la primera interfaz de ejecución
2.2 Cree un nuevo archivo e ingrese el código fuente js.
Tenga en cuenta que el nombre del archivo recién creado es sin título-1, que está en formato txt por defecto.
El código fuente se muestra en la figura siguiente. Este artículo solo explica los pasos de operación y no introduce la sintaxis js. Si lo necesita, busque usted mismo.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>2.3 Guarde el archivo como un archivo html
Todo el mundo sabe que los archivos txt no se pueden ejecutar directamente y deben convertirse a formato html. Aunque se puede modificar directamente modificando el nombre del sufijo, es más conveniente modificar el código vs. El método de operación es seleccionar el archivo de menú -> guardar como.
Una vez que el almacenamiento es exitoso, se convierte en esta interfaz
2.4 Problemas encontrados al ejecutar el código
Si está instalando el software vs code por primera vez, no puede ejecutar el programa js directamente. Puede ver en el video tutorial de js que la operación de clic derecho del profesor es muy envidiosa y, al mismo tiempo, también está muy confundido acerca de por qué su software no puede hacer esto. Déjame decirte por qué.
Definitivamente encontrará este problema, elija ejecutar o presione F5. Se le pedirá que seleccione el entorno operativo, "seleccione Entorno" y luego despliegue las opciones "Node.js" y "Más". Entonces no apareció la interfaz deseada.
Si selecciona "Node.js", aparecerá un cuadro de diálogo y no se ejecutará.
¿Por qué es esto? Se debe a que el entorno operativo no está configurado correctamente. Visual Studio Code admite muchos idiomas, muchos tipos de hardware, y el poder de la compatibilidad proviene de varios complementos compatibles. js es lo mismo. Hay muchas formas de admitirlo. Queremos implementar el navegador 360 para ejecutarlo. Luego instale el complemento correspondiente.
2.5 Cómo instalar el complemento, qué complemento instalar.
Hay varias soluciones en Internet, incluida la configuración de complementos, la modificación de json, etc. No los enumeraré todos aquí, pero la idea de realización es la misma, y todos los caminos conducen a Roma.
Primero haga clic en la tecla de acceso directo F5 y luego seleccione "Más".
Introduzca "abrir" en el cuadro de entrada que aparece en la esquina superior izquierda de la interfaz.
En la lista emergente, elija instalar el complemento abierto en el navegador "instalar". Esto admite la apertura en el navegador.
2.6 Cómo usar complementos para ejecutar código js
Después de instalar el complemento, haga clic derecho en el espacio en blanco del código fuente -> abrir en el navegador predeterminado, puede ejecutarlo. La premisa es que el navegador 360 es el navegador predeterminado.
3. Resultados experimentales
Después de ejecutarse, la página muestra la siguiente interfaz, el código fuente de esta interfaz es
<script>
window.alert(5 + 6);
</script>Este es el efecto de la siguiente imagen: Cuando se abre una nueva página en el navegador 360, "Esta página muestra 11", el número 11 es el resultado de 5 + 6.
Después de hacer clic en el botón Aceptar, las palabras "Mi primera página" y "Mi primer párrafo" se muestran en la esquina superior izquierda de una página.
El código correspondiente es
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
4. Resumen
La gran cantidad de usuarios del script java no es sin razón, y la conveniencia del código vs es obvia para todos. A partir de un ejemplo simple, este artículo presenta los pasos para construir y operar el entorno básico para aprender js. Espero ayudar a los estudiantes necesitados.
5. Más lecturas:
5.1 ¿Qué es Visual Studio Code?
Código de Visual Studio
Visual Studio Code es uno de los principales proyectos de código abierto en GitHub que puede descargar de forma gratuita. En este proyecto en particular, ha habido un total de 22,606 confirmaciones que se realizaron en 66 sucursales con 77 lanzamientos de 360 contribuyentes. El proyecto ha sido nombrado vscode por su increíble comunidad.
5.2 ¿Cuáles son las ventajas de Java Script?
Busque en Internet usted mismo. Pero lo que más me gusta es que es pequeño (un poco más de 200M), rápido (realmente rápido), fácil de depurar (otros métodos de depuración IDE, tiene), soporta incrustado (como arduino), interfaz Hermoso (número de línea, fuente, color).
5.3 ¿Qué es javascript y cuál es la diferencia entre html y css?
La descripción más vívida es que el HTML que se muestra en la figura siguiente es la estructura y el contenido básicos, CSS especifica la apariencia y JS especifica la acción.
6. Gracias:
En el proceso de redacción de este artículo, consulte el artículo del blogger de CSDN, el enlace es el siguiente: