Cómo desarrollar código nativo de viso studio

cmd shift p, ingrese instalar (primero debe cambiar a la interfaz en inglés), instale el complemento:

ESLint: js, jsx , detección de sintaxis de código es6, el método de configuración es tuyo Puedes leer mi otro artículo, el método es el mismo: Cómo configurar Eslint para detectar código React

ReactNativeTools: el complemento ReactNative oficial de Microsoft, muy bueno

FileNavigator: complemento ReactNative oficial de Microsoft, muy bueno

FileNavigator: complemento ReactNative oficial de Microsoft, muy bueno

ReactNativeTools: complemento ReactNative oficial de Microsoft en, muy bien

FileNavigator: ctrl l navegación de archivos, nuevo archivo, mantén las manos en el teclado

AutoFileName: completa automáticamente los nombres de los archivos y las rutas de acceso

Tema 3024Day: use el color de protección ocular usted mismo. Después de la instalación, presione cmd shift p, ingrese el tema y seleccione el tema descargado anteriormente.

En segundo lugar, configure el entorno

1. Modifique a la interfaz en inglés

La función de entrada rápida de la interfaz china es muy inconveniente, pero es fácil de modificar Vaya a la interfaz en inglés, cmd shift p, ingrese el idioma de configuración, abra el archivo de configuración de idioma y modifíquelo de la siguiente manera:

"locale":"en"

2. Detección de código propio de VSCode

Automáticamente La detección de código proporcionada no puede identificar bien ES6. Después de usar ESlint para la detección de código, debe proteger la detección de código propio de VSCode.

Agregue el archivo de configuración:

"javascript.validate.enable": false

3 Establezca el archivo .js abierto predeterminado en javascriptReact

El reconocimiento de archivos javascript predeterminado no admite bien las etiquetas. Finalizar. Después de instalar el complemento ReactNativeTools, puede marcar los archivos .js como tipo de archivo javascriptReact agregando:

"files.associations":{"*.js":"javascriptreact"}

4. Modificar una sola tecla de acceso rápido (preferencia personal)

cmd shift p Abra el panel de acceso directo, escriba en el teclado, abra el archivo de configuración de teclas de acceso rápido y agregue las siguientes teclas de acceso rápido

{ " key": "f1", "command": "workbench.action.navigateBack" },

{ "key": "f2", "command": "workbench.action.navigateForward" }

1