microsoft/vscode-react-native
Publicmirrored fromhttps://github.com/microsoft/vscode-react-nativeAvailable
src/extension/tipsNotificationsService/tipsStorage.ts
72lines · modecode
| 1 | // Copyright (c) Microsoft Corporation. All rights reserved. |
| 2 | // Licensed under the MIT license. See LICENSE file in the project root for details. |
| 3 | import * as nls from "vscode-nls"; |
| 4 | |
| 5 | nls.config({ |
| 6 | messageFormat: nls.MessageFormat.bundle, |
| 7 | bundleFormat: nls.BundleFormat.standalone, |
| 8 | })(); |
| 9 | const localize = nls.loadMessageBundle(); |
| 10 | |
| 11 | export default { |
| 12 | generalTips: { |
| 13 | elementInspector: { |
| 14 | text: localize( |
| 15 | "TipElementInspector", |
| 16 | 'You can run React DevTools Element inspector to inspect your application\'s UI elements by starting "Run Element Inspector" command in Command Palette. Note, "react-devtools" package should be installed globally', |
| 17 | ), |
| 18 | anchorLink: "#react-native-commands-in-the-command-palette", |
| 19 | }, |
| 20 | logCatMonitor: { |
| 21 | text: localize( |
| 22 | "TipLogCatMonitor", |
| 23 | 'You can create a LogCat Monitor provided by the RNT extension for the chosen online Android device to see the device LogCat logs. To try it out, just start "Run React Native LogCat Monitor" command in Command Palette', |
| 24 | ), |
| 25 | anchorLink: "#configure-an-android-logcat-monitor", |
| 26 | }, |
| 27 | networkInspector: { |
| 28 | text: localize( |
| 29 | "TipNetworkInspector", |
| 30 | 'You can use Network Inspector provided by the RNT extension to inspect network traffic of your app. To try it out, just start "Run Network Inspector" command in Command Palette', |
| 31 | ), |
| 32 | anchorLink: "#network-inspector", |
| 33 | }, |
| 34 | directDebuggingWithHermes: { |
| 35 | text: localize( |
| 36 | "TipDirectDebuggingWithHermes", |
| 37 | "RNT extension enables you to debug RN applications with Hermes engine. To try it out, just add appropriate debug scenarios", |
| 38 | ), |
| 39 | anchorLink: "#hermes-engine", |
| 40 | }, |
| 41 | debuggingRNWAndMacOSApps: { |
| 42 | text: localize( |
| 43 | "TipDebuggingRNWAndMacOSApps", |
| 44 | "You can debug React Native Windows and React Native Macos apps via the RNT extension. To try it out, just add appropriate debug scenarios", |
| 45 | ), |
| 46 | anchorLink: "#react-native-for-windows", |
| 47 | }, |
| 48 | expoHostType: { |
| 49 | text: localize( |
| 50 | "TipExpoHostType", |
| 51 | "You can configure the connection type (LAN, Tunnel or Local) to be used on Expo debugging to communicate with a device or an emulator by specifying 'expoHostType' parameter in your debug configuration", |
| 52 | ), |
| 53 | anchorLink: "#expo-applications", |
| 54 | }, |
| 55 | customEnvVariables: { |
| 56 | text: localize( |
| 57 | "TipCustomEnvVariables", |
| 58 | "RNT extension supports passing custom environment variables to the RN Packager process context. You can do this by adding custom variables to '.env' file in the root folder of your project", |
| 59 | ), |
| 60 | anchorLink: "#custom-environment-variables", |
| 61 | }, |
| 62 | }, |
| 63 | specificTips: { |
| 64 | networkInspectorLogsColorTheme: { |
| 65 | text: localize( |
| 66 | "TipNetworkInspectorLogsColorTheme", |
| 67 | 'The extension provides "Dark" and "Light" color themes for Network Inspector logs. You can change the theme in the extension configuration in the Settings tab', |
| 68 | ), |
| 69 | anchorLink: "#network-inspector-logs-theme", |
| 70 | }, |
| 71 | }, |
| 72 | }; |
| 73 | |