Ionic2入门教程(一)安装和环境配置

ticklishfrog 发布于2年前
0 条问题

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

查看原文: Ionic2入门教程(一)安装和环境配置

  • orangeswan
  • greensnake
  • greenwolf
  • brownfish
  • lazyswan
需要 登录 后回复方可回复, 如果你还没有账号你可以 注册 一个帐号。