用VSCode开发React-native

用VSCode开发React-native

Visual Studio Code是一个运行于 OS X，Windows 和 Linux 之上的，针对于编写现代web和云应用的跨平台编辑器。

下载

下载地址
github地址

优势

• 快速轻量,启动速度快,安装包体积小,占用内纯少
• 界面美观有颜值（皮肤，代码配色）
• 插件机制（提供便捷的功能）
• 功能强大,强大的代码提示,跳转,补齐,功能,搜索,git，debug,自定义配置,主题,自动保存.
• 免费、开源

插件

1. 插件集合
2. Color Picker
3. ESline
4. AutoFileName
5. Auto Rename Tag
6. Document This
7. VSCode - Babel
   ES6/ES7支持
8. Nomo Dark Icon Theme
9. React Native Tools
   React Native开发工具包
10. React Standard Style code snippets
    React Natived代码块快捷输入

快捷键

• cmd+shift+P / F1 万能键
• cmd+shift+F全文搜索
• cmd+P快速切换文件（比Atom智能）
• cmd+点击指定文件，将此文件在分屏栏打开
• cmd+D多选
• cmd+E 打开命令行，其他指令其实都是基于命令行的，可直接在输入框输入?来查询指令
• ctrl+G跳转到指定行
• ctrl+tab快速切换到上一个文件,多次按(shift)tab可以来回选择,也可以直接点击文件顶部名称来显示历史文件列表进行切换
• alt+↑/↓调整代码行整体上下移动
• alt+点击多处可以多光标操作，也可以alt+cmd+↑/↓多光标选择，但是不支持直接拖.

开发react-native

1. 安装 React Native Tools
2. 安装调试环境(Setup debug environment)
   在菜单中点击调试图标 ,然后点击configure齿轮样子的图标,再选择React Native调试环境。
   VSCode会生成一个launch.json文件保存在项目，同时里面会有一些默认的数据配置。
   然后选择debug iOS/debug android ,点击运行
   更多信息查看
3. 命令面板终端中使用React Native命令
   在命令面板中，可以匹配React Native类型命令，并且选择命令，如下图1所示:
   图1