React Native搭建iOS开发环境 && 定制化VSCode编辑器

React Native

CocoaPods

是用 Ruby 编写的包管理器。从 0.60 版本开始 react native 的 iOS 版本需要使用 CocoaPods 来管理依赖。你可以使用下面的命令来安装 cocoapods。

镜像使用

对于旧版的 CocoaPods 可以使用如下方法使用 tuna 的镜像：

pod repo remove master
pod repo add master https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git
pod repo update

新版的 CocoaPods 不允许用pod repo add直接添加master库了，但是依然可以：

cd ~/.cocoapods/repos
pod repo remove master
git clone https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git master

最后进入自己的工程，在自己工程的podFile第一行加上：
source ‘https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git’

React Native 用指定模拟器运行iOS项目

react-native run-ios --simulator “iPhone 8”

敲过一次就之后就可以直接react-native run-ios了

查看当前可用的所有设备/模拟器列表：
在终端中输入xcrun simctl list devices

创建指定版本的项目

react-native init MyApp --version 0.44.3

VSCode

• 修改左侧侧边栏项目导航字体： /Applications/VS Code.app/Contents/Resources/app/out/vs/workbench/workbench.desktop.main.css中搜索mac:lang(zh-Hans)，加入自己喜欢的字体即可，比如我喜欢：menlo

• vscode点击函数名不能跳转到对应函数：

  “editor.multiCursorModifier”: “ctrlCmd” setting.json中配置这个项，会造成上述影响

• vscode粘贴和保存时，格式化jsx或者vue语法的时候，会乱码：

  “editor.formatOnPaste”: true,
  “editor.formatOnSave”: true, setting.json中配置这个项，会造成上述影响，这两项关闭即可

• vscode函数，当鼠标放置参数上时没有提示：

  “files.associations”: {
  “.js”: “javascriptreact”,
  “*.js”: “es-beautifier”
  },

  这个配置项影响，删除即可

• 绘制流程图 当前文件夹下新建以 .drawio结尾的文件