1、ionic是什么

ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架

2、准备工作

  • 下载Node.js,进入官网,建议下载左边的那个版本,如下图所示;

【ionic】-环境搭建

  • 下载VS Code

3、创建过程

  • 安装npm
npm config set registry http://registry.npm.taobao.org/
  • 安装cordova,ionic
输入命令:npm install -g ionic   //安装ionic
输入命令:npm install -g cordova  //安装cordova
  • 转换安装位置

安装的时候默认是安排在我们的C盘,获取我们并不想把项目创建在C盘中,这个时候就需要用到转盘了,运行命令:cd + 盘符,然后回车,就成功的转到我们要创建的盘了,如下图所示;

【ionic】-环境搭建

  • 创建ionic项目:
运行命令:ionic start 项目名称 tabs
例子:ionic start ionicdemo tabs

中间不出问题的话我们创建项目的过程就简单的顺利完成了,但是前进的道路总是充满坎坷的,不报点错似乎都不完整,在创建ionic项目的过程中提示网络错误,这个时候稳住别慌,我们从头一步步的检查;

4、网络错误如何破

  • 检查自己安装的node.js版本是否是最新稳定版本
  • 安装cnpm
运行命令:npm install -g cnpm -registry=https://registry.npm.taobao.org
接下来的操作所有的npm就用cnpm代替了;
  • 用cnpm进行上述3的创建过程,就可以成功的创建项目了;

5、运行ionic

输入命令:ionic serve

完成以上步骤我们就可以成功运行建立的简洁项目啦;

相关文章:

  • 2022-12-23
  • 2021-08-27
  • 2021-04-24
  • 2021-05-05
  • 2021-09-18
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-01-06
  • 2021-07-16
  • 2021-11-13
  • 2021-09-17
相关资源
相似解决方案