4

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

JiaXinYi
840 声望342 粉丝