02-开启Ionic之旅

开启Ionic之旅安装Ionic分为三部分为了创建移动应用程序，Ionic需要使用多种技术，让一切都良好运行似乎有点棘手。我们有两种方式可以创建Ionic开发环境，第一种是创建本地开发环境，第二种是创建虚拟的模拟器。我们使用第一种方式来创建：采用第一种方式安装分为三部分：安装Node.js安装Git安装Ionic和Cordova下载Node.js安装文件在浏览器中输入Node.js下载网址。若需要安装其他系统和位数的版本，可单击DOWNLOADS，寻找相关版本。单击“DownloadforWindows(x64)”-----------------------------我们下载安装64位Windows系统版本。下载Node.js安装文件开始安装Node.js单击“node-v4.2.1-x64.msi”---------------------------------------不同浏览器下载安装文件的呈现方式可能不同，这里我们使用的浏览器是GoogleChrome。文件已经下载完成。开始安装Node.js运行Node.js安装文件单击“运行”运行Node.js安装文件安装Node.js安装Node.js-----------------------------------按照安装向导开始安装。使用默认选项和设置，依次单击Next，直到安装完成。-----------------------------------下一步下载Git安装文件在浏览器中输入git下载网址。若需要安装其他系统的版本，可点击Downloads找到相关版本。单击“DownloadsforWindows”----------------------我们下载安装Windows版本的Git。下载Git安装文件开始安装Git单击“Git-2.6.2-64-bit.exe”---------------------------------单击下载好的安装文件。开始安装Git使用向导安装Git单击“Next”使用向导安装Git选中GitBash安装选项单击“Next”确认选中的安装选项选择GitBash选项------------------------------------按向导一步步安装。在安装过程中要保证GitBash选项被勾选。继续Git的安装继续Git的安装--------------------------------余下的步骤使用默认选项和设置，依次单击Next，直到安装完成。--------------------------------下一步安装Cordova和Ionic安装Cordova和Ionic-----------------------------------------安装好了Node.js和Git后，打开GitBash终端,输入npminstall–gcordovaionic命令并回车，系统将自动安装Cordova和Ionic。-----------------------------------------下一步完成Ionic和Cordova的安装完成Ionic和Cordova的安装--------------------------------安装完成后，为了确保所有的安装能正常运行，我们接下来使用Ionic创建一个应用程序，对安装环境进行检测。--------------------------------下一步使用GitBash的cd命令使用GitBash的cd命令进入特定目录------------------------------------使用cd(changedirectory)命令跳转到你想要进入的目录，我们将在此目录下创建一个Ionic项目。--------------------------------------下一步创建项目创建项目----------------------------------在此目录下输入ionicstartdefaultApp命令（defaultApp是创建的项目名称）并回车，系统将自动生成一个使用默认模板（tabs）的项目。----------------------------------下一步是否创建Ionic帐号是否创建Ionic帐号---------------------------------------第一次创建项目时，终端会提示我们是否需要创建一个Ionic的账号，这里我们暂时不创建该帐号。输入”n”后，继续创建项目。---------------------------------------下一步运行ionicserve运行ionicserve--------------------------------在项目创建后，使用cd命令到创建的默认项目的根目录，然后输入ionicserve命令，并回车。--------------------------------下一步使用IP地址访问使用IP地址访问-----------------------------------在输入ionicserve并回车后，会显示一个提示，询问是用IP地址访问，还是用localhost访问。这里一定要输入1，选择IP地址的访问方法。-----------------------------------下一步通过浏览器预览应用程序通过浏览器检测项目运行后效果-------------------------------------------在运行ionicserve命令并选择IP地址访问方式后，浏览器被打开预览应用程序。这里我们建议使用GoogleChrome浏览器，将Chrome浏览器设置为默认浏览器，因为其他的浏览器显示效果可能不太正常。下面修改项目中的部分代码，看看修改后的项目是否能正常显示正确效果。-------------------------------------------使用IP地址的方式访问。下一步用编辑器打开项目调整浏览器尺寸-----------------------调整浏览器尺寸，将浏览器放置右侧，方便预览应用程序。-----------------------打开项目的index.html文件------------------------------------使用SublimeText打开我们创建的项目，并打开index.html文件。找到需要修改的ion-nav-bar标签。下一步修改index.html并查看效果修改index.html--------------------------------将ion-nav-bar中的bar-stable修改为bar-positive，并保存文件。注意此时右上角的标题栏变成了蓝色。这说明Ionic的安装正常、运行正常。--------------------------------下一步://选择题C：使用ionicserve运行项目。C：使用ionicserve运行项目。B：使用ionicstart指令创建项目。B：使用ionicstart指令创建项目。D：安装Cordova和Ionic并将其安装到全局环境中的命令是：npminstallcordovaionic。D：安装Cordova和Ionic并将其安装到全局环境中的命令是：npminstallcordovaionic。A：使用cd指令进入到指定目录。A：使用cd指令进入到指定目录。解答：D若想将包安装到全局环境中，使Cordova和Ionic在命令行中能直接运行，需要增加选项-g，所以命令应该是:npminstall–gcordovaionic。下列关于使用GitBash终端工具进行操作的说法，不正确的是（）。判断题解答：错误创建命令应该是ionicstartdefaultApp（项目名）。错误错误正确正确我们可以使用命令行ionicservedefaultApp在终端GitBash创建项目。返回“练习首页”