ionic3-环境搭建

作者: 凌风x | 来源:发表于2018-03-13 11:19 被阅读40次

必备基础环境(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 查看版本号 如图安装成功

nodejs安装成功

第三步:全局安装脚手架  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 项目启动成功环境搭建完毕

项目启动成功

相关文章

  • ionic3-环境搭建

    必备基础环境(windows环境下-ios类似) ·nodeJS ·ionic ·cordova ·JDK ·an...

  • ionic3-环境搭建问题

    安装步骤大致和ionic一样:http://www.jianshu.com/p/3c5d91ca05cf 一、但是...

  • React Native学习总结篇

    一、环境搭建 1.1 React Native环境搭建 1.1.1 IOS环境搭建 环境:MacOS 注意:不要使...

  • linux 第四天

    Lamp环境搭建 /*******************Lamp环境搭建:*******************...

  • codePush说明

    codePush环境搭建 环境搭建文章:环境搭建 git地址:codePush git地址2.0.3,And...

  • angular学习--02英雄指南

    环境搭建 angular官网--搭建本地开发环境和工作空间windows 10 搭建angular开发环境免搭建环...

  • Gradle开发-Groovy环境搭建

    ##Groovy环境搭建 在使用 Groovy 之前首先要搭建几个环境: Groovy 的环境搭建 JDK 环境搭...

  • 搭建 LNMP + CodeIgniter 开发环境

    搭建 LNMP + CodeIgniter 开发环境搭建 LNMP 环境首先搭建 LNMP 的服务器环境安装 Ng...

  • iOS中RN与Flutter混合开发

    一 搭建环境 1. 搭建flutter环境 1.1 搭建系统开发环境 参考链接:https://flutter....

  • 第一个MyBatis程序

    思路:搭建环境---导入MyBatis--编写代码---测试! 一、搭建环境 1、搭建数据库环境: engine=...

网友评论

    本文标题:ionic3-环境搭建

    本文链接:https://www.haomeiwen.com/subject/wpiafftx.html