react-native – 需要采取哪些步骤才能使Visual Studio Code中的

发布时间：2020-12-15 16:18:03 所属栏目：百科来源：网络整理

导读：我已按照VS Code文档中列出的步骤,通过安装React Native的输入来让Intellisense为React Native工作.现在,我需要做什么才能使自动完成工作？例如,如果我输入 Text,我希望看到该标签的自动关闭.我在这里错过了什么？这似乎是开箱即用的工作. 解决方法要启用In

我已按照VS Code文档中列出的步骤,通过安装React Native的输入来让Intellisense为React Native工作.现在,我需要做什么才能使自动完成工作？例如,如果我输入< Text>,我希望看到该标签的自动关闭.我在这里错过了什么？这似乎是开箱即用的工作.

解决方法

要启用IntelliSense(自动完成),您必须安装官方 React Native Tools扩展.

安装

按F1打开命令选项板,键入ext install并按Enter键,然后查找React Native Tools扩展.

创建一个jsconfig.json文件

您应该在根目录中创建一个jsconfig.json文件.它可以是空的但必须存在.目录中存在此类文件表示该目录是JavaScript项目的根目录.

(可选的)

文件本身可以选择列出属于项目的文件,要从项目中排除的文件以及编译器选项.

{
  "compilerOptions": {
    "target": "ES6","module": "commonjs","allowSyntheticDefaultImports": true
  },"exclude": [
    "node_modules"
  ]
}

你可以在https://code.visualstudio.com/docs/languages/javascript#_javascript-projects-jsconfigjson找到更多

为ReactNative Packger转换器创建一个.babelrc文件(可选,如果要使用TypeScript)

您应该使用sourceMaps = true和“presets”创建一个.babelrc文件：[“react-native”]以获得更好的源映射支持. (如果您需要TypeScript支持,则需要).

{
  "presets": [
    "react-native" // this is required for debugging with react-native/packager/transformer
  ],"plugins": [],"sourceMaps": true // must be true react-native/packager/transformer using with node-module-debug
  // because of some bugs from vscode-node-debug & vscode-react-native,"sourceMaps" cannot be "inline" or "both"
}

安装React Native的输入(可选)

要获取React Native的IntelliSense,请运行npm install typings -g然后在终端中安装dt~ react-native –global.

希望这可以帮助！！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!