Ionic安装环境安装关于墙国环境创建Ionic项目测试运行项目

环境安装

先安装Node.js,网址 www.nodejs.org

下载地址是:https://nodejs.org/en/download/current/, 如果不是请自行在官网上查找。安装一路Next,直至Finish即可。

安装Ionic

接下来正式安装Ionic,使用命令行工具:

$ npm install -g ionic cordova

如果没有管理员权限,可以使用sudo命令(linux下)。

通过命令行窗口安装ionic cordova

npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
C:\Users\sunjipeng\AppData\Roaming\npm\cordova -> C:\Users\sunjipeng\AppData\Roaming\npm\node_modules\cordova\bin\cordova
C:\Users\sunjipeng\AppData\Roaming\npm\ionic -> C:\Users\sunjipeng\AppData\Roaming\npm\node_modules\ionic\bin\ionic
C:\Users\sunjipeng\AppData\Roaming\npm

警告忽略了。

关于墙国环境

在Ionic的安装和后续维护中会大量使用到npm工具,虽然npm可以访问,但是速度感人,因此天朝新一代无产阶级程序员一般会给npm加一个国内的源。目前,使用最多的是淘宝的源。 淘宝给nmp代理专门建立了一个网页:https://npm.taobao.org/,上面介绍了如何用替代工具cnpm来加速访问。 不习惯使用cnpm的还可以按照传统方式给npm加源,有三种方法,三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在: 1.通过config命令

npm config set registry https://registry.npm.taobao.org
npm info underscore (如果上面配置正确这个命令会有字符串response)

2.命令行指定

npm --registry https://registry.npm.taobao.org info underscore

3.编辑 ~/.npmrc 加入下面内容

registry = https://registry.npm.taobao.org

推荐使用最后一种方法,一劳永逸,前面2钟方法都是临时改变包下载源. 如果你不像使用国内镜像站点,只需要将 写入 ~/.npmrc 的配置内容删除即可。 除了淘宝外,还有一个源: http://registry.cnpmjs.org。由于本人没有试过,就作为备用参考吧。

创建Ionic项目

$ ionic start MyIonic2Project tutorial --v2

使用 start 命令,MyIonic2Project 这是项目名,tutorial是模版名,如果不指定该参数则默认使用tabs 模版,--V2说明使用ionic2。

创建Ionic项目

报错了undefined,先按提示用安装命令升级下cordova试试:

 npm install -g cordova

安装更新cordova

错误依旧,加上参数--verbose

ionic start MyIonic2Project tutorial --v2 --verbose

发现需要安装git和python2,安装后创建工程成功。

创建项目成功

测试运行项目

进入项目目录

cd MyIonic2Project

启动

ionic serve

启动过程需要一点时间,如下图所示:

启动过程

启动后,在浏览器就能看到程序界面了:

运行效果

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

自动补全不算什么,一键直达目录才是终极神器

在命令行中切换目录是最常用的操作,不过很少有比一遍又一遍重复“cd ls cd ls cd ls ……”更令人沮丧的事情了。如果你不是百分百确定你想要进入...

37170
来自专栏分享达人秀

安装Android模拟器,准备开发

完成以上所有步骤(JDK、ADT Bundle、SDK),那么就可以开始进行Android开发了。 Android程序必须运行在Android系...

3.1K70
来自专栏信安之路

这些命令你用过多少?

在拿到一个 webshell 之后,大家首先会想到去把自己的权限提升到最高,windows 我们会提升到 SYSTEM 权限,而 Linux 我们会提升到 ro...

9710
来自专栏Java3y

Linux用户和权限管理看了你就会用啦

没想到上一篇能在知乎获得千赞呀,Linux也快期末考试了,也有半个月没有写文章了。这篇主要将Linux下的用户和权限知识点再整理一下。

4K10
来自专栏dotnet & java

这可能是最low的发布dotnet core站点到centos7教程

不得不说:我在chrome上写了好长一段,贴了23张图,然后一个crash。。我想说我电脑上的chrome已经crash太多次了 以后一定要搞离线编辑的。

10830
来自专栏嵌入式程序猿

快速学会web Server的裁剪移植

前几次给大家讲过freeRTOS的移植,不管是在我们移植好的,还是KSDK移植好的BSP里都有server的演示程序,KSDK里面使用lwip开源TCP/IP协...

31660
来自专栏Danny的专栏

配置ODBC数据源

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/...

1.7K40
来自专栏java工会

用Java语言编写的社区(论坛)系统分享

69540
来自专栏北京马哥教育

生产环境之“进程”两字

一、进程概念 运行中的程序的一个副本,是被载入内存的一个指令集合 进程ID(Process ID,PID)号码被用来标记各个进程UID、GID、和SELinux...

38480
来自专栏IT综合技术分享

在Linux mint 18上安装IntelliJ IDEA开发环境

952183763c239acc48a99f4b29c767aa9ab89b1f83d8dc5917e6e61952fbfcf8 *ideaIU-2017.2....

83930

扫码关注云+社区

领取腾讯云代金券