脚本宝典收集整理的这篇文章主要介绍了

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

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

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入门教程(一)安装和环境配置

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过