首页 > 代码库 > ionic 入门学习
ionic 入门学习
我用的环境是visual studio Code和node.js
安装包网盘:
node.js链接:http://pan.baidu.com/s/1o8a64qQ 密码:7uec
visual studio Code链接:http://pan.baidu.com/s/1cxV8ZG 密码:i6r9
配置环境:
npm install -g ionic
npm install -g cordova
创建目录:在Windows powershell输入:cd D:
mkdir workspace
cd workspace
ionic start myapp tabs//创建一个带top栏和bottom栏的示例项目
ionic start myapp sidemenu//创建带有左侧有menu栏的示例项目
ionic start myapp blank //创建一个 空白项目
上面三个选一个
就会在D:\workspace目录下创建这个项目:
然后打开VSCode,ctrl+`切换终端
在终端输入
就会自动安装所有package.json里面的依赖
然后在终端输入
之后会运行到
这个界面。然后跳到浏览器,显示这个:
我在原来的文件改过一点所以有点显示不一样。
按在浏览器(谷歌浏览器)F12调出如下页面
然后在:
箭头所在地方选择机型显示。一个简单项目算完成。
ionic 入门学习
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。