Ionic安装及环境配置
前提:安装Node.js,获取npm工具
中文官网
http://nodejs.cn/
英文官网
https://nodejs.org/en/
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式
I/O 的模型,使其轻量又高效。 Node.js 的包管理器 npm,是全球最大的开源库生态系统。
我们主要为了使用npm工具安装包
1、了解npm(Node Package Manager)
npm是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。
2、安装node
进入nodejs官网(https://nodejs.org/),单击INSTALL下载node安装包,默认安装。安装完成后,进入对应目录,会发现nodejs文件夹下面有npm,直接用npm安装相环境既可。
3、其他
(推荐使用VSCode作为编辑器,首先需要对Angular2有一定了解,因为Ionic是基于Angular2进行开发的。Angular2使用TypeScript语言开发。所以这基本上是一套体系的,需要连续反复学习。)
1、安装Ionic
先安装cordova:
命令行输入参数:
npm install -g cordova
再安装ionic:
命令行输入参数:
npm install -g ionic
2、新建一个新项目
命令行输入参数:
ionic start ionicSample
可以选择tabs和blank等多种类型初始项目
3、编译运行调试
cd到项目文件夹内,安装相关模块
npm install
命令行输入:
ionic serve
4、问题
可能存在版本问题
- ionic start 一个新项目,将旧项目里面src拷贝过去覆盖,出现==webpackJsonp is not defined==,修改index.html,添加下行代码
<script src="build/vendor.js"></script>
- 缺少node-sass
npm install node-sass
- ionic serve后出现需要安装cli
- 解决方案:
https://forum.ionicframework.... - [x] allways选择yes
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。