Mac下部署Ionic环境

£可爱£侵袭症+ 提交于 2020-02-07 03:03:25

1、下载安装nodejs,可以到官网http://nodejs.org/en/download/上去下载最新版本安装,比较无脑。如果官网打不开的话可以到中文网站去下载http://nodejs.cn/download/。安装完成之后打开终端(控制台)输入node -v查看node版本npm -v查看npm版本。

2、安装gitbash,可以到官网上直接下载安装https://git-scm.com/download。第一次下载好像要订阅信息需要输入邮箱,可以跳过。

3、安装ionic和cordova(打包成app工具)  npm install -g ionic cordova。可以输入ionic info查看安装情况。

4、创建ionic应用,进入桌面 cd./Desktop 输入ionic start cutePuppyPics,start 后面是文件夹名,应该也是应用名。然后会弹出选择界面基本应用类型

  • 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

可以几种类型都试着看一下,这时会安装非常长的时间,或者会报错。主要就是在下载node_modules里面的组件,非常多,建议在创建项目的时候在后面加上--skip-npm 跳过下载包文件。如果无法跳过的话,可以先终止下载。

然后安装cnpm通过淘宝镜像下载组件,输入npm install -g cnpm --registry=https://registry.npm.taobao.org 安装cnpm。

然后进入应用目录,cd cutePuppyPics,输入cnpm install --save,完成组件安装。

在应用目录输入ionic serve,可以生成项目在www目录下,在浏览器中打开应用查看。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!