ionic 学习笔记 一 :安装和配置
2017-09-18 11:08
211 查看
之前接触了一点跨平台开发,去年AUI和MUI(别问我这俩有啥区别)做了点东西,看官方宣传说的跟原生APP没什么差别,实际操作写了项目之后,功能确实都差不多可以实现,但是感官上的差别还是有的,各自的优劣势我也不多说了,在向全栈前进的道路上,总是要接触新鲜的东西的。学习Ionic从搭建环境开始,记录下我入坑的辛路历程。以上都是装逼的废话,直接跳过就行了
首先,来一波搬运,我用的mac电脑,去搜下安装教程,如下所示:
1.安装ionic前确保你的Mac已安装Xcode,app store;
2.安装cordova之前要安装nodejs,
3.git不用安装,osx和linux都自带git,可以在命令行输入
git --version检查一下;
4.安装cordova:在命令行输入一下命令:“npm config set registry http://registry.cnpmjs.org”,用root权限全局安装cordova:“sudo
npm install -g cordova”,执行后提示输入密码,输入你的Mac开机密码即可,完成后输入“cordova -v”验证cordova版本;
5.安装ionic:使用“sudo
npm install -g ionic”指令安装ionic,完成后输入“ionic -v”验证版本,输入“sudo npm
install -g ios-sim”安装ios模拟器,输入“npm install -g ios-deploy ”报错,改成输入"sudo npm install -g ios-deploy --unsafe-perm=true"。
这样就好了。
Cordova 第一个应用程序
1.创建一个ionic应用:
ionic start hello blank;
2.配置平台:
cd
hello.
ionic cordova platform add android.
ionic cordova platform add ios.
3.运行
编译:ionic cordova build ios
模拟器运行:ionic cordova emulate ios(我这出错了,模拟器运行不了)
网页运行:ionic serve(没问题)
目录结构:
src 就是以后开发写代码主要的地方。每次写完要同步到手机项目中,需要使用ionic cordova build ios和ionic cordova platform update android同步到ios和android平台里。<
4000
/span>
这个应该就是首页了,相当于声明了一个类似ios中ViewController和android中MainActivity的东西。
OK,到这里工具的安装我基本使用差不多就都搞完了,顺便找了一下程序的入口,下次直接从入口开始就行了。
首先,来一波搬运,我用的mac电脑,去搜下安装教程,如下所示:
安装cordova和ionic
1.安装ionic前确保你的Mac已安装Xcode,app store;2.安装cordova之前要安装nodejs,
3.git不用安装,osx和linux都自带git,可以在命令行输入
git --version检查一下;
4.安装cordova:在命令行输入一下命令:“npm config set registry http://registry.cnpmjs.org”,用root权限全局安装cordova:“sudo
npm install -g cordova”,执行后提示输入密码,输入你的Mac开机密码即可,完成后输入“cordova -v”验证cordova版本;
5.安装ionic:使用“sudo
npm install -g ionic”指令安装ionic,完成后输入“ionic -v”验证版本,输入“sudo npm
install -g ios-sim”安装ios模拟器,输入“npm install -g ios-deploy ”报错,改成输入"sudo npm install -g ios-deploy --unsafe-perm=true"。
这样就好了。
Cordova 第一个应用程序
1.创建一个ionic应用:
ionic start hello blank;
2.配置平台:
cd
hello.
ionic cordova platform add android.
ionic cordova platform add ios.
3.运行
编译:ionic cordova build ios
模拟器运行:ionic cordova emulate ios(我这出错了,模拟器运行不了)
网页运行:ionic serve(没问题)
目录结构:
src 就是以后开发写代码主要的地方。每次写完要同步到手机项目中,需要使用ionic cordova build ios和ionic cordova platform update android同步到ios和android平台里。<
4000
/span>
这个应该就是首页了,相当于声明了一个类似ios中ViewController和android中MainActivity的东西。
OK,到这里工具的安装我基本使用差不多就都搞完了,顺便找了一下程序的入口,下次直接从入口开始就行了。
相关文章推荐
- Qt 学习笔记之一 —— Qt SDK 的下载安装与配置
- SQL Server CE服务器端和客户端安装配置学习笔记
- OpenWrt安装配置学习笔记
- Drools安装配置学习笔记
- EX07学习笔记之二:安装之后(2)-安全配置向导
- MySQL入门很简单-学习笔记 - 第 2 章 Windows平台下安装与配置MySQL
- C++/GDI+ 学习笔记(一)——安装、配置&使用
- LUA学习笔记(一)——LUA的安装和配置。
- 步步为营 SharePoint 开发学习笔记系列 二、安装和配置
- linux 学习笔记 - php 环境安装与配置
- C++/GDI+ 学习笔记(一)——安装、配置&使用
- java学习笔记一——java安装配置
- 步步为营 SharePoint 开发学习笔记系列 二、安装和配置
- Qt 学习笔记之一 ―― Qt SDK 的下载安装与配置
- FreeBSD学习笔记12-pureftpd使用详解(1)-安装、配置、实现匿名登录
- Qt 学习笔记之一 —— Qt SDK 的下载安装与配置
- C++/GDI+ 学习笔记(一)——安装、配置&使用
- 【PHP学习笔记】Windows 下Memcache安装配置
- 学习笔记之IIS安装和配置图解全过程