乐趣区

Ionic 环境搭建和安装教程

Ionic 环境搭建和安装教程
本篇教程基于 Ionic 官方文档编写,希望对初次安装 Ionic 的你们有所帮助。
环境搭建
在使用 Ionic 框架之前,唯一的前提条件是 Node 和 npm 环境。
当然,你同样需要一个代码编辑器。这里推荐使用 VS Code。
Node & npm
安装 Node.js 和 npm

下载(推荐下载 LTS 版本):Node.js

安装:双击下载的文件直接安装即可(npm 是和 Node 捆绑安装的,无需单独安装)

验证是否安装成功:

打开新的 cmd 窗口,输入:
$ node –version
$ npm –version

出现版本号说明安装成功

安装 Ionic CLI

直接在 cmd 中输入下方命令安装:
$ npm install -g ionic

验证是否安装成功:
$ ionic -v
出现版本号等信息说明安装成功。

安装 Cordova

直接在 cmd 中输入下方命令安装:
$ npm install -g cordova

验证是否安装成功:
$ cordova -v
出现版本号信息说明安装成功。

创建项目
这里有三种最常见的启动器可供选择,分别是 blank 启动器,tabs 启动器和 sidemenu 启动器。需要在指定路径中创建项目的话,使用 cd 进入指定路径即可,默认为当前路径。

直接在 cmd 中输入下方命令安装:
$ ionic start myApp tabs

耐心等待创建完成,进入对应的文件夹即可看到创建的项目。

运行项目

在 cmd 中 cd 进入到刚才创建的项目文件夹(myApp)
$ cd myApp

使用 ionic serve 命令来启动项目
$ ionic serve

项目启动成功之后会自动在浏览器中打开

退出移动版