最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

ionic项目创建_如何使用ionic命令初始化一个App项目

JS/CSS 太平洋学习网 浏览 评论

ionic是一个跨平台的app开发语言,它主要应用于html5 app应用开发,使用的脚本语言为angular.js,当然了,也可以直接使用javascript,下面来学习一下如何使用ionic命令创建一个跨平台的app项目。

Install the Ionic CLI(安装ionic命令行工具)

Start an App (初始化项目)

Run the App (开启项目)

步骤一:安装ionic命令行工具,这样就可以使用ionic命令了,在cmd窗口中运行如下命令:

 npm install -g ionic

-g表示全局安装,在windows中建议使用以管理员命令运行cmd命令,而在Mac或linux系统中,建议前面加入sudo命令。

步骤二:初始化app项目

 ionic start myApp tabs --type=angular

使用模板创建一个ionic项目,分别是blank(空项目),tabs(下方带有一行菜单的项目),以及sidemenu(侧边栏项目)这三种模板,模板样式如下图所示:

更高版本如Ionic 4 beta需要--type=angular标志。

start-app-thumbnails.png

步骤三:开启项目,会自动在浏览器中弹出我们创建好的项目页面,cd进入到我们创建好的“myApp”项目,使用如下命令运行ionic项目:

 cd myApp
 //开启项目
 ionic serve

浏览器访问地址一般为:http://localhost:8101/,ip+端口的形式,ionic初始化项目是最基本的知识,需要掌握一下。

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/730.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论