2.4 安装开发工具Sublime Text 3(推荐)
在本节前面,读者根据开发机的操作系统,应该分别通过2.2或2.3的阅读和安装实验,完成了Ionic环境和硬件设备环境的安装调试,可以正式进入开发了。Ionic框架本身是开源项目,目前并没有专有的IDE开发环境用于开发。本节笔者推荐介绍适合使用Ionic进行跨平台移动APP开发的免费代码工具Sublime Text 3供读者选用。
2.4.1 安装开发工具Sublime Text 3
Sublime Text 3是当前比较适合Ionic开发的跨平台(支持Windows、Linux、OSX)文本编辑器,它的优势在于其漂亮的用户界面、多窗口视图布局和强大的功能。读者可以到其官方网站https://www.sublimetext.com/3根据开发机的操作系统下载安装,参见图2.45所示。
图2.45 Sublime 3官方网站下载页
Sublime Text 3被安装完毕后,读者可以启动它,尝试使用它打开任何目录,点击菜单View→Layout→Grid 4,切换成4个子窗口视图模式,类似图2.46所示。笔者在外接大屏幕显示器的时候经常使用这种窗口模式来分类,同时查看本书后面章节会介绍的页面模板、AngularJS控制器(controller)、AngularJS服务,以及SCSS样式这4类文件。由于一个功能相关的多部分代码能做到同屏显示而不用切换窗口来查看,这样能达到较高的产出和调试效率。
图2.46 推荐的Sublime 3多视图窗口布局
2.4.2 安装Ionic辅助编码插件
Sublime Text 3的Package Control(扩展包管理器)是它用于安装管理其他扩展的重要工具,因此需要尽快安装。读者可以打开网址https://packagecontrol.io/installation,找到页面内如图2.47所示的SUBLIME TEXT3代码部分复制下来。如果读者访问该网址有困难,可以在随书代码的根目录里找到名为install-sublime-text3-package-control.txt的文件,该文件的内容即为需要拷贝的代码部分。
图2.47 安装Sublime 3的扩展包管理网页代码部分
随后点击菜单View→Show Console,在显示的Sublime Text 3的控制台中粘贴上一步复制的代码并回车执行。Sublime 3会提示运行成功且需要重启。
依照要求重启后点击菜单Preferences→Package Control,然后在弹出的对话框内输入Install Package并回车确认,如图2.48所示。
图2.48 使用Package Control进入插件安装
在随后出现的图2.49所示的对话框内继续输入Ionic,就可以从筛选出的列表中选择一个用于辅助输入和完成Ionic框架AngularJS指令的代码片段的插件安装,并开始使用。读者可以在学习和开发过程中慢慢感受到所安装的插件带来的输入便利,限于篇幅这里就不再详细介绍了。
图2.49 使用Package Control安装Ionic框架开发辅助插件