链接：https://pan.baidu.com/s/1Iqw7l0jCDz8d7IamVKid9Q
提取码：4we9
Instalación de software
- 1, la herramienta de pruebas de configuración
- 2, instale Node.js
- 2.1, configurar las variables de entorno
- 2.2, la configuración de espejo de aceleración nodo (cmd en)
- 3, micro-canal Herramientas de Desarrollo
- 4, typora instalación
- 5, la instalación VSCode
1, la herramienta de pruebas de configuración
1.1, instale Google acceso del ayudante
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-vYVqmdkx-1585737073794) (activos / 1585233465623.png)]](https://img-blog.csdnimg.cn/20200401183124477.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-1v2E8NEy-1585737073796) (activos / 1585233547342.png)]](https://img-blog.csdnimg.cn/20200401183133738.png)
Seleccione el asistente descargado descomprimido Google
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-UgPvkxP8-1585737073798) (activos / 1585233603975.png)]](https://img-blog.csdnimg.cn/2020040118314297.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
A continuación, el asistente salió Google
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-dUiQjtSR-1585737073799) (activos / 1585233854231.png)]](https://img-blog.csdnimg.cn/20200401183202694.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
1.2, instale el cartero
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-MkqCRaSI-1585737073801) (activos / 1585233956629.png)]](https://img-blog.csdnimg.cn/20200401183228859.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-PZSxnVee-1585737073801) (activos / 1585234080610.png)]](https://img-blog.csdnimg.cn/20200401183237133.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
Descargar una ruta:
Después de agregado con éxito. Haga clic izquierdo en el icono
Si no se usa siguiente interfaz para descargar Camino II.
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-KUYPIVpK-1585737073802) (activos / 1585234846375.png)]](https://img-blog.csdnimg.cn/20200401183249982.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo cargado directamente (img-93t9eQd5-1585737073804) (activos / 1585235524196.png)]](https://img-blog.csdnimg.cn/20200401183306170.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-Hti1gyu0-1585737073806) (activos / 1585235562744.png)]](https://img-blog.csdnimg.cn/20200401183315904.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
Descargar Camino II:
Si la imagen de arriba no se muestra en la pantalla, a continuación, haga clic en el icono de arriba
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-cUAvxfDQ-1585737073807) (activos / 1585235100280.png)]](https://img-blog.csdnimg.cn/2020040118334688.png)
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-aVCvJc8p-1585737073808) (activos / 1585235227815.png)]](https://img-blog.csdnimg.cn/20200401183359341.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-0RVRQVJq-1585737073809) (activos / 1585235265016.png)]](https://img-blog.csdnimg.cn/20200401183408567.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
Espere un momento, entrará en el interfaz de descarga, se puede descargar directamente.
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-B4QZdmjk-1585737073810) (activos / 1585235327276.png)]](https://img-blog.csdnimg.cn/20200401183418591.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
1.3, instale JsonViewer
Cuando el navegador para acceder a los datos JSON, se ve un lío, no está formateado con el tapón en él JSONView
Buscar en el Chrome Web Store:
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-16gu2qZe-1585737073810) (activos / 1585235981742.png)]](https://img-blog.csdnimg.cn/202004011834474.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
2, instale Node.js
Descargar : https: //nodejs.org/download/release (anteriormente han proporcionado Baidu nube de enlace de disco)
2.1, configurar las variables de entorno
Descomprimir el archivo
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-m0XgXJgK-1585737073811) (activos / 1585236216782.png)]](https://img-blog.csdnimg.cn/20200401183517500.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
variable de entorno de configuración
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-8P7hqNKF-1585737073812) (activos / 1585236315667.png)]](https://img-blog.csdnimg.cn/20200401183534127.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
El uso de comandos para comprobar si la correcta instalación y configuración (cmd en)
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-5TzCNp37-1585737073813) (activos / 1585236406158.png)]](https://img-blog.csdnimg.cn/2020040118354737.png)
Si no hay reacción, se puede tratar de reiniciar el equipo Kazajstán.
2.2, la configuración de espejo de aceleración nodo (cmd en)
Desde allí los paquetes de instalación de la herramienta Nodo, Maven similares, es necesario acelerar la configuración de duplicación
Taobao fuente usada aquí:
npm install -g cnpm --registry=https://registry.npm.taobao.org
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-Wexq4OV9-1585737073816) (activos / 1585236563603.png)]](https://img-blog.csdnimg.cn/20200401183604210.png)
3, micro-canal Herramientas de Desarrollo
Instalación general. Seleccione la ubicación de almacenamiento.
Haga doble clic para entrar en el programa, front-end proyecto importado que ya existe.
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-5RxemS2R-1585737073817) (activos / 1585237758034.png)]](https://img-blog.csdnimg.cn/20200401183620436.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
4, typora instalación
Instalación general. Seleccione la ubicación de almacenamiento.
5, la instalación VSCode
Instalación general. Seleccione la ubicación de almacenamiento.
5.1, VSCode en común plug-in instalado
inicio de este software está en Inglés, para transformarla en chino.
instalación chino
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-E3gvDSw4-1585737073818) (activos / 1585237535336.png)]](https://img-blog.csdnimg.cn/20200401183636305.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
documentos en color de cambio de vue
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (IMG-gDHGNsXS-1585737073819) (activos / 1585237660455.png)]](https://img-blog.csdnimg.cn/20200401183648749.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
5,2, front-end vue corriendo
Vue introducción de nueva carpeta después de que el extremo delantero del proyecto de la terminal.
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-lj4qq1y6-1585737073820) (activos / 1585237882062.png)]](https://img-blog.csdnimg.cn/20200401183700536.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
Cuando la aceleración CMD refleja terminado.
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-b7pKEos0-1585737073820) (activos / 1585237175983.png)]](https://img-blog.csdnimg.cn/20200401183713961.png)
A continuación, ejecute un comando en el paquete de instalación del terminal VSCode
cnpm install
Instalación de una señal de éxito
![[Volcar imagen no pasa la cadena, la estación de origen puede tener mecanismo de cadena de seguridad, se recomienda guardar la imagen abajo subido directamente (img-OBbpct8I-1585737073821) (activos / 1585237274730.png)]](https://img-blog.csdnimg.cn/20200401183731591.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Jvb3REcmVhbQ==,size_16,color_FFFFFF,t_70)
programa de front-end de ejecución vue
npm run dev
