您的位置:首页 > 其它

Ionic搭建环境与新建一个项目

2017-07-15 20:30 211 查看
配置环境+新建ionic项目的具体过程:

1、下载nodejs安装,安装在工作盘,检验是否安装成功——打开window powershell, 输入node -v出现版本号,即为安装成功

2、npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等),但因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常。所以在国内一般使用cnpm安装。

     powershell输入npm -g icnpm按Enter键等待……cnpm -v出现版本号安装成功。安装相关的库,如cnpm -g i ionic cordova,cnpm -g i parse-server…

3、等待过程可能时间会就一点,VSCode官网下载VSCode并安装

4、一切安装成功之后便可以开始建立工作目录,选择一个工作盘,新建文件夹workspace,在power shell中输入如下:cd e: 按Enter 输入mkdir workspace按Enter 输入cd workspace

5、按照第四步之后就可以开始一个真正的项目,powershell中在进入的工作目录输入:ionic start myapp tabs//创建一个带top栏和bottom栏的示例项目

6、第5步新建的是一个ionic项目,打开VSCode编辑器,按住键盘上的Ctrl和`切换终端。

    D:\workspace\myapp>输入cnpm I 就会自动安装package.json里面的依赖,在终断输入ionic serve可运行界面Ionic App。Ctrl+C键可终止运行。

       各种弄完之后就可以开始一个新的项目了:终断输入ionic serve可运行界面Ionic App一般会自动跳转到本机的默认浏览器,我们切换到谷歌浏览器,按键F12,选择Screen为iphone 6 ,选择Console控制台看到自己输出的一些内容。
       Ionic的学习可以从Ionic的组件开始学习,学习参考官方文档(http://ionicframework.com/docs/components/)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: