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

发布时间:2019-07-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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,添加下行代码
  • @H_297_126@
      <script src="build/vendor.js"></script>
    
    • 缺少node-sass
    npm install node-sass

    脚本宝典总结

    以上是脚本宝典为你收集整理的Ionic2入门教程(一)安装和环境配置全部内容,希望文章能够帮你解决Ionic2入门教程(一)安装和环境配置所遇到的问题。

    如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

    本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
    如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。