1.下载版本大于6的Node.js

https://nodejs.org/en/

个人喜欢下载最新版本

安装成功后可以用命令行工具输入node -v和npm -v分别查看node、npm版本

2.下载安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用cnpm -v 查看相应的版本

3.使用cnpm像安装 cordova、ionic

cnpm install -g cordova

cnpm install -g ionic

使用 cordova -v 和ionic -v 分别查看cordova、ionic版本

4.注册淘宝包为下载镜像:用于项目创建中下载需要的包

npm config set registry https://registry.npm.taobao.org

npm config set disturl https://npm.taobao.org/dist

使用npm config list 查看镜像配置信息

5.创建ionic项目

进入你要创建项目的目录,这里以c:\demo为例

使用ionic start 项目名称

之前ionic2的时候可以这样ionic start 项目名称  --v2  --skip-npm

--v2表示创建ionic2项目         --skip-npm表示跳过下载依赖的包

版本2就不去再试了,毕竟现在都版本3了

ionic start app

我们就选tabs回车,tabs、blank、sidemenu、super只是一个项目模板,其他可以另外试下

npm install命令一直在运行,半天都没结果,等到花儿都谢了,这个时候我们可以ctrl+c终止掉

cd app进入项目再运行cnpm install 或者cnpm install --save都可以

竟然提示安装了19个包,也没啥错误!

让我们把此项目运行起来,当然运行的时候只是浏览器打开,这里就暂且不讲打包的环境配置,先把项目跑起来!

运行项目ionic serve,如果会报错的请继续看下去,不会报错的请不要看了,以免溅一身血!!!

我这操作系统还是今天刚装的,都干干净净 ,nodejs也是刚装的,简直是纯少女啊!!!!

我注意到node_modules\node-sass,所以我尝试下node-sass是否存在!node-sass -v果然没有,我就尝试安装下

我们就用cnpm全局安装下 cnpm install -g node-sass

安装完,我们继续尝试运行,我们会发现结果还是跟之前一样报错,node-sass都安装了还报错?百度了下https://github.com/dlmanning/gulp-sass/issues/185,说缺少gulp-sass,继续用cnpm 全局安装

安装了gulp-sass还是不行,我又cnpm rebuild node-sass,还是不行,我又去下载了python安装

https://www.python.org/downloads/release/python-2714/

实在不行了。。。。。。。

我继续观察下错误,前面安装的node-sass都是全局安装的,然而这里却提示项目下node-sass的问题,难道是高版本nodejs的原因?

这个时候我们在本项目下载下node-sass包,cnpm install --save

安装完后,我们继续运行ionic serve,成功运行起来了。

ionic基本环境的搭建的更多相关文章

  1. ionic 之环境的搭建

    在ionic的学习中,首先要做的就是环境的搭建,接下来我对从一开始环境的搭建做了记录,以及过程中遇到的问题. 1.安装环境 1.1 安装Node.js Node.js建议安装最新版本,下载地址:htt ...

  2. Ionic 开发环境搭建

    android sdk环境搭建并非易事,本人经过无数失败,才使用以下方式成功 配置Ionic 开发环境 1.下载JDK并配置Java运行环境 http://www.oracle.com/technet ...

  3. Windows 下 Ionic 开发环境搭建

    Ionic 介绍 首先,Ionic 是什么. Ionic 是一款基于 Cordova 及 Angular 开发 Hybrid/Web APP 的前端框架,类似的其他框架有:Intel XDK等. 简单 ...

  4. win/mac平台搭建ionic开发环境教程(转)

    出处:http://www.ionic-china.com/doc/ionic-winmac.html#preface 前言 ionic中文网为大家准备了绿色版的nodejs和androidSDK以及 ...

  5. 总结:Mac前端开发环境的搭建(配置)

    新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房 ...

  6. CentOS7 + mono +Jexus 环境的搭建

    CentOS7的安装和配置 1,从http://www.centos.org/下载CentOS7的镜像,并在VMWare中创建该镜像的虚拟机,为方便操作,把虚拟机的网络连接设置为桥接模式:在安装过程中 ...

  7. ubuntu14.04安装及web环境的搭建

    在进行接下来的工作之前首先得准备一个Ubuntu的启动U盘以及腾出一个至少50G的系统盘(在网上看到有人用20G的,不知道效果怎么样).关于Ubuntu启动U盘大家可以参考这个帖子 http://ti ...

  8. ubuntu 14.04LTS 环境下搭建tftp服务器

    花费我一整天的时间在 ubuntu 14.04LTS 环境下搭建tftp服务器,网上好多资料参差不齐,简单来说,TFTP(Trivial File Transfer Protocol),是一个基于UD ...

  9. Linux 14.04lts 环境下搭建交叉编译环境arm-linux-gcc-4.5.1

    交叉编译工具链是为了编译.链接.处理和调试跨平台体系结构的程序代码,在该环境下编译出嵌入式Linux系统所需要的操作系统.应用程序等,然后再上传到目标板上. 首 先要明确gcc 和arm-linux- ...

随机推荐

  1. 我从.net转别的语言的遭遇,现在貌似又要回头(一)

    从2016年开始,作为公司最后的一个.net部门,被迫转向了php. php里面装得一手什么逼呢? 首先,你要来几本入门的书,linux,mysql,php基础语法,nginx或apache.哥那时候 ...

  2. OpenGL ES2.0贴图

    1.定义传入着色器的顶点数据及索引 //传入结构体 typedef struct { ]; ]; } Vertex; //顶点数据 const Vertex Vertices[] = { {{, -, ...

  3. 【特效】给元素循环添加class

    经常会遇到给元素循环添加class的效果,例如下面这个图 每个模块的背景色和图标都不相同,但是呢,模块的数量又不确定,说不定有几十个,那我不能设计几十个图标吧,所以,可以做成每9个一循环,也就是第10 ...

  4. Linux下搭建svn服务端

    安装 使用yum安装非常简单: yum -y install subversion (压缩包安装比这麻烦的多) Tortoise本是window下客户端工具,但也可以建仓库,作为服务端.Linux只有 ...

  5. 常用Linux操作命令

    查看物理CPU个数:cat /proc/cpuinfo| grep "physical id"| sort| uniq| wc -l 查看每个物理CPU中的核数:cat /proc ...

  6. 分享一个.NET加密工具NetEncryptor v2.1.6(破解版)

    在国外论坛闲逛,无意间看到一个.NET 加密工具.看了官网的介绍,感觉挺有意思,于是下载下来研(破)究(解)了一番. 官网地址:http://www.infralution.com/products/ ...

  7. 在centos6上实现LAMP的FPM模式

    原理 http使用一次编译法编译安装,php独立服务fpm实现. 软件版本 在本次实验中,我们需要用到的软件版本如下: apr-1.6.2 apr-util-1.6.0 httpd-2.4.28 ma ...

  8. zookeeper 笔记-Curator选举方案

    Curator提供了两种选举方案:Leader Latch和Leader Election Leader Latch 随机从候选着中选出一台作为leader,选中之后除非调用close()释放lead ...

  9. Azure 基础:使用 powershell 创建虚拟机

    在进行与 azure 相关的自动化过程中,创建虚拟主机是避不开的操作.由于系统本身的复杂性,很难用一两条简单的命令完成虚拟主机的创建.所以专门写一篇文章来记录使用 PowerShell 在 azure ...

  10. 树莓派.安装Samba环境

    适用于树莓派3 树莓派装好系统后, 为了方便传文件到树莓派, 建议使用Samba这类文件夹级别的应用, 比ftp方便多了 如果你想把树莓派变成Nas, Samba也是不可或缺的应用 通过samba服务 ...