【Ionic2序列】二、安装环境

【Ionic2序列】二、安装环境

时间:2017-02-24 23:57:45
作者:zhongxia

不管学习什么,环境都是要先安装起来,然后边学习边敲代码,这样才能学习掌握的深。

零、总结

本节没有什么难点,照着来就行了。 安装环境可能 Android SDK 安装会 因为网络环境出问题, 具体笔者没有尝试过,就不多啰嗦了,自行百度。或者等后面笔者尝试过后,写教程。

  1. 安装 nodejs
  2. 用 nvm 管理 node版本, 用nrm 管理 npm 镜像源
  3. 用 npm 安装 ionic2 , cordova
  4. IOS环境,则看下Xcode是否为最新版本
  5. Android环境,安装JDK,Android SDK
  6. 生成脚手架,跑简单DEMO。

本教程以Mac系统 + IOS 为主,Window系统,自行百度哈

一、安装Node

# 1. 安装Node
brew install node

# 2. 检查是否安装完成
node --version
npm --version

# 3. 用这个来管理Node的版本
npm install -g nvm 

# 4. nvm简单使用方法
nvm ls   # 查看已安装的Node版本

╰─➤  nvm ls 
         v4.4.4
         v5.9.0
->       v6.3.0
         v7.1.0
         system
default -> 6.3.0 (-> v6.3.0)
node -> stable (-> v7.1.0) (default)
stable -> 7.1 (-> v7.1.0) (default)
iojs -> N/A (default)


nvm use v6.3.0 # 使用指定版本

nvm --help # 帮助,然后看使用

Example:
  nvm install v0.10.32                  Install a specific version number
  nvm use 0.10                          Use the latest available 0.10.x release
  nvm run 0.10.32 app.js                Run app.js using node v0.10.32
  nvm exec 0.10.32 node app.js          Run `node app.js` with the PATH pointing to node v0.10.32
  nvm alias default 0.10.32             Set default node version on a shell


# 5. 安装nrm来管理npm的镜像源
npm install -g nrm 

─➤  nrm ls                                                  
  npm ---- https://registry.npmjs.org/
  cnpm --- http://r.cnpmjs.org/
* taobao - http://registry.npm.taobao.org/
  edunpm - http://registry.enpmjs.org/
  eu ----- http://registry.npmjs.eu/
  au ----- http://registry.npmjs.org.au/
  sl ----- http://npm.strongloop.com/
  nj ----- https://registry.nodejitsu.com/
  pt ----- http://registry.npmjs.pt/

nrm test taobao # 测试淘宝镜像源的速度

npm use taobao # 使用淘宝镜像源

二、安装 Ionic2, cordova

常规npm安装,没有啥特别的。

npm install -g ionic2 cordova

ionic2 -version

三、IOS 环境

貌似不需要安装什么了,就如果自己的Xcode还是旧的,就给升级下。 还有要注意一个事。 Xcode 程序要放在 Application 根目录下, 不要乱移动。【我有过这个错误】

四、Android环境

4.1 JDK

安装个最新的,1.8x, 官网下载安装包,然后一直下一步。 然后设置一个 path(环境变量)。

JAVA_HOME 环境变量

自行查找教程,这里不写了。【这个简单,大家随意】

4.2 Android SDK

下载一个Android Stuidio ,然后安装, 在设置 ANDROID_HOME 的环境变量。

自行查找教程,这里不写了。【这个因为没有具体安装过,写了也是忽悠人】

五、环境安装好了,来测试下吧

# 初始化项目脚手架
ionic start MyIonic2Project tutorial --v2

# MyIonic2Project 自定义的项目名

# tutorial  脚手架项目名(不写,默认 tab)

# --v2 代表创建 Ionic2的脚手架【必须要加,如果用Ionic2】


# 初始化好之后,运行跑起来吧, 会自动打开浏览器
ionic serve 

# 运行端口是 8100 ,如果被占用则

# 看8100端口被谁占用【window下应该没有该命令,因此自行找办法】
lsof -i tcp:8100

# 杀掉杀掉进程
kill [pid] 

好啦,本节结束了。 下面开始学习目录结构以及怎么写代码吧。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 141,714评论 1 298
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 60,817评论 1 254
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 93,456评论 0 211
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 40,811评论 0 174
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 48,501评论 1 252
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 38,648评论 1 173
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 30,305评论 2 267
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,107评论 0 165
  • 想象着我的养父在大火中拼命挣扎,窒息,最后皮肤化为焦炭。我心中就已经是抑制不住地欢快,这就叫做以其人之道,还治其人...
    爱写小说的胖达阅读 28,870评论 6 228
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 32,441评论 0 213
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,211评论 2 213
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 30,531评论 1 225
  • 白月光回国,霸总把我这个替身辞退。还一脸阴沉的警告我。[不要出现在思思面前, 不然我有一百种方法让你生不如死。]我...
    爱写小说的胖达阅读 24,189评论 0 31
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,074评论 2 213
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 31,433评论 3 204
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,596评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 25,953评论 0 164
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 33,423评论 2 230
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 33,515评论 2 229

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,367评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,452评论 4 58
  • Swift版本点击这里欢迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh阅读 24,694评论 7 249
  • 要说阅读带给自己什么,首先我很清楚自己是一个阅读量很少的人。而对于我这个阅读量很少的人来说,阅读带给我什么呢。 我...
    三更笙阅读 341评论 1 5
  • 后来才知道 大学和以往的感情 差在哪里 死在哪条街上 ...我想 有本书说 “失去的一定会以另一种方式回来”是在换...
    是翼外阅读 194评论 0 0