ionic3-环境搭建
2018-03-13 本文已影响40人
凌风x
必备基础环境(windows环境下-ios类似)
·nodeJS
·ionic
·cordova
·JDK
·android SDK
·gradle
第一步:JDK、SDK、gradle的安装、环境变量的配置在此不再复述,自行百度。注意的是记得用SDK manager 把需要的android版本安装一下
第二步:nodeJS安装 官网地址: http://nodejs.cn/download/ 按需下载 下载安装成功后 打开windows命令窗口(快捷键:win+R)输入 node -v 查看版本号 如图安装成功

第三步:全局安装脚手架 npm install -g @angular/cli 由于墙的原因npm可能比较慢 可以试试cnpm 淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org 但是不建议用cnpm,因为淘宝是加速了,但是到后期环境的搭建各种问题层出不穷,还是耐心用npm下载

第四步:创建angular项目(这里以angular4项为例) 首先进入你要放项目的文件夹里,然后运行 命令创建新项目 : ng new 项目名, 例如:ng new wzTestApp ,然后耐心等待5-10分钟项目创建完毕

可以进入项目文件夹里看一下

第五步:进入项目中,安装依赖 运行命令: npm install 同样耐心等待


第六步: 启动项目服务 运行命令:ng serve --open 项目启动成功环境搭建完毕
