<学习笔记> 安装Ionic

转载于 2015-11-23 11:35:07 发布 · 367 阅读

Ionic 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍Ionic框架的安装步骤及项目创建流程，包括Node.js、Cordova和Ionic的安装配置，新项目的建立，平台添加与构建，以及如何在浏览器中运行项目等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装 Ionic

1、下载安装 Node.js，更新npm：

$ npm update -g

2、安装 Cordova 和 Ionic（翻墙）：

$ npm install -g cordova ionic

3、创建一个新项目（blank/tabs/sidemenu）：

 $ ionic start myApp tabs

4、添加平台（android/ios）

$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic emulate android

5、在浏览器运行项目（默认监听www文件夹中文件）

$ ionic serve

注：可在ionic.project文件中编辑watchPatterns来设置监听范围

{
  "name": "myIonic",
  "app_id": "",
  "watchPatterns": [
        "www/js/*",
        "www/js/*/*",
        "www/*.html",
        "www/templates/*.html",
        "www/css/*.css"
   ]
}