安装步骤:

1. Node.js,下载地址:https://nodejs.org/en/

2. Git 下载地址:https://git-scm.com/download/

3. Python (需为2.5至3.0之间的版本)下载地址 :https://www.python.org/downloads/

4. 在命令行下,运行npm install node-gyp -g 命令。(需要连网)

5. 获取Angular phonecat ,在git bash中输入:git clone --depth=14 https://github.com/angular/angular-phonecat.git

  参考链接http://www.tuicool.com/articles/bm2mma

6. cmd中进入phonecat目录,npm install 安装,然后 npm app.js install 初始化程序,后npm start 启动phonecat

需要配置环境变量

系统变量:

Python / NodeJS /Git安装路径

path中添加

D:\Program Files (x86)\nodejs\;

D:\Program Files (x86)\Git\bin;

D:\Program Files (x86)\python;

安装cordova模拟安卓环境

1. 安装 jdk

2. 安装nodejs后,参考 http://cordova.apache.org/#getstarted

3. 安装 android-sdk

path中添加

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

系统环境变量中,新建

JAVA_HOME = D:\Program Files\Java\jdk1.7.0_60

classpath = .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

ANDROID_HOME = D:\android-sdk-windows

ANDROID_SDK_HOME = E:\AndroidAVD //更改Andorid测试模板创建路径,此文件夹需存在

-----------------------2016-5-11----------------------------------------------------------------------------------------------

公司项目要把angularjs和ionic都升级版本,升级的时候悲催了,得先从node.js开始升级……

1. node.js升级,官网下载最新版本,安装

2. npm 升级 npm update npm

3. 安装Python

4. 安装Microsoft VS 2010或2012

npm在1.3.15版本以前node-gyp 在编译时会调用VCBuild.exe,在vs2012下是找不到的VCBuild.exe, vs2012及以后版本是msbuild.exe作为编译器。
解决:
将npm 的 msvs的编译器设置为vs2012
cmd执行:
npm config set msvs_version 2012 --global

5. 安装node-gyp

6. 安装新版本cordova :npm install -g cordova

7. 报错提示npm rebuild node-sass

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to build the binding for your current environment.
at Object.<anonymous> (E:\appWorkspace\futurecv-mobile\node_modules\node-sass\lib\index.js:14:11)
at Module._compile (module.js:413:34)
at Object.Module._extensions..js (module.js:422:10)
at Module.load (module.js:357:32)
at Function.Module._load (module.js:314:12)
at Module.require (module.js:367:17)
at require (internal/module.js:16:19)
at Object.<anonymous> (E:\appWorkspace\futurecv-mobile\node_modules\gulp-sass\index.js:187:21)
at Module._compile (module.js:413:34)
at Object.Module._extensions..js (module.js:422:10)

报错:Error: %1 is not a valid Win32 application

最后还是报一堆的错,然后删掉了项目目录下的node_modules文件夹,从http://npm.taobao.org/淘宝镜像下载

nodejs安装目录下:

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

进入项目目录后:

cnpm install

总算搞定!

AngularJS开发相关配置的更多相关文章

  1. Andorid Studio 模块化开发相关配置

    Andorid Studio 模块化开发相关配置 下面以宿主APP模块和Uer_Module模块为例: 第一步:在项目根目录gradle.properties配置文件中添加如下代码 isNeedUse ...

  2. Android Studio开发环境配置以及相关说明

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 这里简单记录下在开发的时候使用的Android Studio开发环境版本以及相关注意事项. 一般来讲,每隔一段时间就要检查下Andr ...

  3. AngularJS + CoffeeScript 前端开发环境配置详解

    AngularJS 号称 '第一框架' ('The first framework') 确实是名不虚传.由其从jQuery中完全转入AngularJS后就有无法离开他的感觉了.虽然AngularJS的 ...

  4. 【Windows10 IoT开发系列】PowerShell的相关配置

    原文:[Windows10 IoT开发系列]PowerShell的相关配置 可使用 Windows PowerShell 远程配置和管理任何 Windows 10 IoT 核心版设备.PowerShe ...

  5. PHP面试 PHP基础知识 十一(开发环境及相关配置)

    开发环境及相关配置 版本控制软件 集中式和分布式 集中式:集中式版本控制工具,版本库集中存放在中央服务器,团队成员里的每个人工作时从中央服务器下载代码,个人修改后再提交到中央服务器 分布式:分布式版本 ...

  6. AngularJS开发指南16:AngularJS构建大型Web应用详解

    AngularJS是由Google创建的一种JS框架,使用它可以扩展应用程序中的HTML功能,从而在web应用程序中使用HTML声明动态内容.在该团队工作的软件工程师Brian Ford近日撰写了一篇 ...

  7. ios开发之Info.plist文件相关配置

    前言:在iOS开发中有些情况下需要对Info.plist文件进行配置,以下介绍几种相关配置.以后遇到需要配置的再更新... 开发环境:swift3.0.1,Xcode8.1 一,项目中需要使用第三方字 ...

  8. Mac电脑配置IOS React Native开发环境配置笔记

    React Native(以下简称RN)的开发环境配置直接参考官方文档即可完成,不过对小白来说东西有点多,有些名词不是很好理解,这里就官方的安装文档稍微展开说一下. 中文版配置说明:不错的中文说明.官 ...

  9. AngularJS 开发中常犯的10个错误

    简介 AngularJS是目前最为活跃的Javascript框架之一,AngularJS的目标之一是简化开发过程,这使得AngularJS非常善于构建小型app原型,但AngularJS对于全功能的客 ...

随机推荐

  1. Bump mapping的GLSL实现 [转]

    原文 http://www.cnblogs.com/CGDeveloper/archive/2008/07/03/1234206.html 如果物体表面细节很多,我们可以不断的精细化物体的几何数据,但 ...

  2. 测试JS

    <html> <head> </head> <body> <script> function loadScript(url, callbac ...

  3. [AngularJS] ngAnimate angular way !!

    Idea is set up javascript  as an api, then just change html to control the behavor. var app = angula ...

  4. ViewGroup源码部分解析

    ViewGroup的官方解析是: A <code>ViewGroup</code> is a special view that can contain other views ...

  5. 使用js对中文进行gbk编码

    使用js对中文进行gbk编码 分类: JS/JQUERY2013-02-09 11:29 436人阅读 评论(0) 收藏 举报 最近遇到一个问题,需要通过js来从一个utf-8编码的页面传递一个含中文 ...

  6. CentOS6.5 一键部署运行环境shell脚本

     ################################################## #  CentOS6.5                                     ...

  7. Linux 学习笔记 更多的bash shell命令

    一  监测程序 1.ps 输出运行在系统上的所有程序的许多信息 运行ps命令,也会开启一个进程 默认情况下,ps命令只会显示运行在当前控制台下的属于当前用户的进程. Unix风格的参数(单破折号) - ...

  8. iOS实现自定义的弹出视图(popView)

    前段时间,在项目中有个需求是支付完成后,弹出红包,实现这么一个发红包的功能.做了最后,实现的效果大致如下: 一.使用方法 整个ViewController的代码大致如下 // //  SecondVi ...

  9. Myeclipse8.5注册码

    今天安装了Myeclipse8.5,记录一下. 一般官网上下载的都只能使用30天,要想使用更长时间,需要注册. 有一个生成注册码的网站:http://www.lephones.info 使用这个网站, ...

  10. Android(java)学习笔记112:局部位置的内部类的介绍

    1.局部内部类 /* 局部内部类 A:可以直接访问外部类的成员 B:在局部位置,可以创建内部类对象,通过对象调用内部类方法,来使用局部内部类功能 面试题: 局部内部类访问局部变量的注意事项? A:局部 ...