标签(空格分隔): 前端
1 安装Node.js npm
下载 node 最新版,安装好后切换到淘宝镜像源:
npm install -g cnpm --registry=http://registry.npm.taobao.org
2 安装Ionic2
[ahcj@localhost ~]$ npm install -g ionic cordova
安装完成后输入以下命令看一下版本号:
[ahcj@localhost ~]$ ionic -version
3.10.3
[ahcj@localhost ~]$ cordova -version
7.0.1
3 创建项目
首先 切换到项目目录,使用 ionic start 命令来创建一个新App:
[ahcj@localhost ~]$ mkdir -p ~/www/ionic
[ahcj@localhost ionic]$ ionic start TutorialProject tutorial
ionic start 语法:
ionic start 项目名称 项目模板 版本
项目名称:自定义
项目模板:[ tabs|sidemenu|blank|super|tutorial],默认会使用 tabs 模板
版本: 如果使用ionic1 ,则添加 –type ionic1
If the tutorial template isn’t something you want to use, Ionic has a
few templates available:tabs : a simple 3 tab layout sidemenu: a layout with a swipable menu on the side blank: a bare starter with a single page super: starter project with over 14 ready to use page designs tutorial: a guided starter project
If you don’t specify a template by running ionic start MyIonicProject,
the tabs template will be used.
4 启动项目
运行下面命令会自动启动浏览器,
接着浏览器会打开一个地址为 http://localhost:8100 的窗口,端口号根据当前PC的实际情况可能会有变化,如果8100被占用了会使用8101等。
[ahcj@localhost ~]$ cd ~/www/ionic/TutorialProject
[ahcj@localhost TutorialProject]$ ionic serve