有个项目可能要用到Ionic，对于Java程序猿的我来说，听到这东西一脸茫然。。。赶忙回家恶补了一下，学习了大概两个礼拜，大概的经过简要笔记一下，说不定要用，也说不定不用，过段时间可能就忘了，所以还是笔记一下为好，对得起我这两个礼拜下班后的恶补学习时间。

个人理解（可能有错）

        Ionic主要是用来开发手机端程序的TS（JS）框架，通过这个框架实现的WEB程序，简单通过命令行的方式就能够编译成安卓程序或者IOS程序，这点很强，所以最近似乎很有人气。但是Ionic是基于Angular和Bootstrap，还有自己的一些东西实现的，所以如果不懂 这两个，学起来会比较吃力。。。（哥哥我碰巧没听说过Angular。。。）所以为了Ionic，所以补了下Angular。。这个是一个用TypeScript实现的WEB框架，方便快速开发。。。等等TypeScript是什么鬼。。。TypeScript是微软维护的一个开源项目，是JS的超集，简单来说，把原本丑陋的JS程序用比较面对对象的方式写，然后编译成JS给浏览器执行。。我本来就觉得JS丑，没想到有这个神器。

所以我的学习路径是

        TypeScript  到 Angular 到Ionic， 在Angular之前，为了练手加了NodeJS和MongoDB的熟悉编程。

简单介绍就到这里，

        开始之前，有几事情要先做，因为上述所有的东东都是开源的，所以随时有可能有变更，甚至是大便，什么向下兼容等等，要看各个资源的维护者的良心了。另外基于天朝众所周知的原因，npm获取代码的速度。。。所以通过代理是推荐的，或者切换淘宝的源。。。 这个为了备忘贴一下。

给Git和Npm设代理的方法 

git config --global https.proxy http://192.168.0.101:1080
git config --global http.proxy 'socks5://192.168.8.30:1080' 
git config --global https.proxy 'socks5://192.168.8.30:1080'
git config --global --unset http.proxy

npm config set proxy http://192.168.0.101:1080
npm config set http-proxy http://192.168.0.101:1080
//代理如果不支持https需要切换源为http
npm config set registry "http://registry.npmjs.org/"  
npm config list    //查看

npm config delete proxy  //删除

设淘宝源的方法

更多内容可参看 https://cnpmjs.org/ 

//以后可以使用cnpm代替npm。。。
npm install -g cnpm --registry=https://registry.npm.taobao.org
//当然也可以只是改个源
npm config set registry http://registry.npm.taobao.org
//ng使用淘宝源
ng set --global packageManager=cnpm
//切换回默认
ng set --global packageManager=npm

我个人不喜欢用淘宝的山寨源，配合SS其实代理的速度还是可以的。。。

最后修改日期: 2017年10月16日

作者