用VSCode开发React-native
Visual Studio Code是一个运行于 OS X,Windows 和 Linux 之上的,针对于编写现代web和云应用的跨平台编辑器。
下载
优势
- 快速轻量,启动速度快,安装包体积小,占用内纯少
- 界面美观有颜值(皮肤,代码配色)
- 插件机制(提供便捷的功能)
- 功能强大,强大的代码提示,跳转,补齐,功能,搜索,git,debug,自定义配置,主题,自动保存.
- 免费、开源
插件
- 插件集合
- Color Picker
- ESline
- AutoFileName
- Auto Rename Tag
- Document This
-
VSCode - Babel
ES6/ES7支持 - Nomo Dark Icon Theme
-
React Native Tools
React Native开发工具包 -
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
- 安装 React Native Tools
- 安装调试环境(Setup debug environment)
在菜单中点击调试图标 ,然后点击configure齿轮样子的图标,再选择React Native调试环境。
VSCode会生成一个launch.json文件保存在项目,同时里面会有一些默认的数据配置。
然后选择debug iOS/debug android ,点击运行
更多信息查看 - 命令面板终端中使用React Native命令
在命令面板中,可以匹配React Native类型命令,并且选择命令,如下图1所示: