Ionic Framework 製作 Hybrid App - 1.準備環境

blog.ionic.io

因為一些大學課程需要的關係製作了這一系列的教學，在你深入的看這個教學之前，我們希望你可以先上網了解 Native App, Web App, Hybrid App 等等開發方法的優點和缺點，選擇最適合你的 App 開發方式。

你至少需要具備一些基礎的  HTML 和 Javascript 的知識來跟著我們實作這一系列的教學。

準備環境

我們需要 Node.js, npm, Cordova, and Ionic

什麼是 Node.js 和 npm?

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world.

more: https://nodejs.org/en/

什麼是 Cordova？

Mobile apps with HTML, CSS & JS. Target multiple platforms with one code base. Free and open source.

more: https://cordova.apache.org/

https://blog.codecentric.de/en/2014/11/ionic-angularjs-framework-on-the-rise/

什麼是 Ionic Framework?

Create mobile apps with the web technologies you love. Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components, gestures, and tools for building highly interactive apps. Built with Sass and optimized for AngularJS.

more: http://ionicframework.com/

	## Install NodeJS
	## Go To https://nodejs.org/en/
	## Download and Install NodeJs
	## Test it!
	## Open command line terminal on Mac or PowerShell on Windows
	$ node -v # show node.js version
	$ npm -v # show npm version
	## Install Cordova and Ionic
	$ npm install -g cordova ionic
	## Test it
	$ cordova -v # show cordova version
	$ ionic -v # show ionic version

view raw install.sh hosted with ❤ by GitHub

前往第二章 建立一個測試 App