Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>React NativeNew to Visual Studio Code? Get it now.
React Native

React Native

Ha Anh Thao

|
2,604 installs
| (1) | Free
React Native: extensions name, snippets
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Install all

npx create-expo-app .

npm install @reduxjs/toolkit react-redux @react-navigation/native @react-navigation/native-stack

npx expo install react-native-screens react-native-safe-area-context react-native-web@~0.19.6 react-dom@18.2.0 @expo/webpack-config@^19.0.0

Redux

Install

npm install @reduxjs/toolkit react-redux

Navigation

Install

npm install @react-navigation/native @react-navigation/native-stack
npx expo install react-native-screens react-native-safe-area-context

SQLite

Install

npx expo install expo-sqlite expo-file-system expo-asset

Methods

closeAsync(): Close the database.
deleteAsync(): Delete the database file.
exec(queries: Query[], readOnly: boolean, callback): Executes the SQL statement and returns a callback resolving with the result.
execAsync(queries, readOnly): Executes the SQL statement and returns a Promise resolving with the result.

Setting

{
    "code-runner.runInTerminal": true,
    "tabnine.experimentalAutoImports": true,
    "java.debug.settings.enableRunDebugCodeLens": false,
    "C_Cpp.updateChannel": "Insiders",
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "files.exclude": {
        "**/.classpath": true,
        "**/.project": true,
        "**/.settings": true,
        "**/.factorypath": true
    },
    "workbench.editorAssociations": {
        "*.ipynb": "jupyter.notebook.ipynb"
    },
    "code-runner.saveFileBeforeRun": true,
    "code-runner.saveAllFilesBeforeRun": true,
    "workbench.iconTheme": "material-icon-theme",
    "kite.showWelcomeNotificationOnStartup": false,
    "liveServer.settings.donotShowInfoMsg": true,
    "gitlens.advanced.messages": {
        "suppressGitMissingWarning": true
    },
    "cSpell.enableFiletypes": [
        "html",
        "pgsql",
        "sql"
    ],
    "mssql.connections": [
        {
            "server": "{{put-server-name-here}}",
            "database": "{{put-database-name-here}}",
            "user": "{{put-username-here}}",
            "password": ""
        },
        {
            "server": "DESKTOP-CN2LNCA\\SQLEXPRESS",
            "database": "",
            "authenticationType": "SqlLogin",
            "user": "sa",
            "password": "",
            "emptyPasswordInput": false,
            "savePassword": true
        }
    ],
    "mssql.enableQueryHistoryCapture": true,
    "cmake.configureOnOpen": true,
    "editor.fontLigatures": true,
    "workbench.colorTheme": "Dracula",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    // "terminal.integrated.fontFamily": "Source Code Pro for Powerline",
    // "editor.fontWeight": null,
    // "editor.fontFamily": "'Fira Code'",
    "editor.fontFamily": "Fira Code, Roboto Mono, monospace",
    "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    // "editor.fontLigatures": true
    // "editor.fontSize": 16
    "liveServer.settings.ignoreFiles": [
        "**/*.json",
        "*.json",
    ],
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "explorer.confirmDelete": false,
    "[handlebars]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "git.autofetch": true,
    "git.confirmSync": false,
    "[css]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "javascript.updateImportsOnFileMove.enabled": "always",
    "blockman.n01LineHeight": 0,
    "workbench.colorCustomizations": {
        "editor.lineHighlightBackground": "#1073cf2d",
        "editor.lineHighlightBorder": "#9fced11f"
    },
    "editor.wordWrap": "off",
    "diffEditor.wordWrap": "off",
    "editor.guides.indentation": false,
    "editor.guides.bracketPairs": false,
    "editor.inlayHints.enabled": "off",
    "bracketPairColorizer.depreciation-notice": false,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "security.workspace.trust.untrustedFiles": "open",
    "liveSassCompile.settings.excludeList": [
        "**/node_modules/**",
        ".vscode/**"
    ],
    "minify.minifyExistingOnSave": true,
    "es6-css-minify.minifyOnSave": "yes",
    "MinifyAll.minifyOnSave": true,
    "MinifyAll.minifyOnSaveToNewFile": true,
    "git.enableSmartCommit": true,
    "omnisharp.organizeImportsOnFormat": true,
    "diffEditor.ignoreTrimWhitespace": false,
    "tabnine.disableLineRegex": [],
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.codeActionsOnSave": {},
    "prettier.tabWidth": 4,
    "prettier.singleQuote": true,
    "prettier.trailingComma": "all",
    "turboConsoleLog.includeFileNameAndLineNum": false,
    "cSpell.userWords": [
        "Autosize",
        "BBAPI",
        "Btns",
        "chartjs",
        "Criket",
        "Favourite",
        "firestore",
        "fontawesome",
        "Fontend",
        "formik",
        "fortawesome",
        "fullname",
        "Gifs",
        "hocs",
        "hoque",
        "kruskal",
        "middlewares",
        "Ngoc",
        "openai",
        "optimizespeed",
        "Plass",
        "Playfair",
        "Pressable",
        "reduxjs",
        "rivian",
        "Roboto",
        "ronin",
        "semibold",
        "Seperate",
        "Swal",
        "sweetalert",
        "swiper",
        "Tailwindcss",
        "Thao",
        "tmdb",
        "toastify",
        "toolbelt",
        "unfollow",
        "unknow",
        "usehooks",
        "vnese",
        "zustand"
    ],
    "vsicons.associations.fileDefault.file": null,
    "gitlens.codeLens.dateFormat": "",
    "git.mergeEditor": true,
    "editor.inlineSuggest.enabled": true,
    "settingsSync.ignoredExtensions": [],
    "[java]": {
        "editor.defaultFormatter": "mwpb.java-prettier-formatter"
    },
    "redhat.telemetry.enabled": true,
    "maven.excludedFolders": [
        "**/.*",
        "**/node_modules",
        "**/target",
        "**/bin",
        "**/archetype-resources"
    ],
    "java.format.enabled": false,
    "github.copilot.enable": {
        "*": true,
        "yaml": false,
        "plaintext": false,
        "markdown": false,
        "java": true
    },
    "beautify.ignore": [
        "**/*.js",
        "**/*.jsx"
    ],
    "easycode.userEmail": "thaoanhhaa1@gmail.com",
    "explorer.confirmDragAndDrop": false,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "terminal.integrated.enableMultiLinePasteWarning": false,
    "javascript.format.semicolons": "insert",
    "git.openRepositoryInParentFolders": "never",
    "prettier.jsxSingleQuote": true,
    "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false,
    "editor.fontSize": 15
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft