ionic 项目创建运行

一、搭建环境

1.安装nodejs

参考此文:https://www.jianshu.com/p/252443cc7493

要先安装完nodejs才能做下面的操作。

2.npm安装ionic

打开命令符窗口,输入指令【npm install -g ionic】运行。

输入【ionic -v】运行,出现版本号就是安装成功啦。

3.npm安装cordova

打开命令符窗口,输入指令【npm install -g cordova 】运行。

输入【cordova -v】运行,出现版本号就是安装成功啦。


二、创建项目

在你想创建的位置打开命令符窗口输入【ionic start myapp tabs】运行,myapp是你的项目名称,可以自己定义。

会出现Angular和React的选择,我选的是Angular,会React可以选React

第一次创建会遇到问你要不要和谷歌匿名分享数据什么的,同意输入Y回车,不同意输入N回车。

创建完成后,打开命令符的位置会出现一个叫myapp的文件夹


三、运行项目

在浏览器运行:

在项目根目录打开命令符窗口输入指令【ionic serve】运行

执行完成后不可以关闭命令符窗口

在手机运行(需要手机和电脑都在同一个局域网下)

然后在项目根目录打开命令符窗口输入指令【ionic serve --devapp】运行。

下载devapp安装到手机,打开devapp,只要上面执行了就会看到你的项目了,点进去就行了。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。