AngularJS2学习笔记 ——环境搭建(win7、vs2012)

时代在发展,没有纯粹的后端,想要高工资还是要多学习一个的。不废话了,直奔主题。

AngularJS发展到现在已出到AngularJS4了。大致分为AngularJS1.x、AngularJS2、AngularJS4

AngularJS1.x 太久远了,而且从AngularJS2版本开始,与AngularJS1.x是java 与 Javascripte的区别。

AngularJS2.0目前主流的,如果想学习就从这个版本开始。

AngularJS4 最新版本在2.0基础上把动画效果分离,其它功能的改进,建议先学2.0后再看4。

网上搜AngularJS2的环境搭建,有各种安装方法,beta的、正式的,但是大部分的照着做了环境都搭建不了。今天体验完环境搭建后把步骤和遇到的问题都总结下。

http://www.cnblogs.com/Gherardo/p/7375818.html 这个博主写的搭建环境步骤很详细,按步骤来可以基本上搭建完成。

1、node.js 安装

Node.js安装包及源码下载地址为:https://nodejs.org/en/download/

选Current和对应的操作系统,然后下载,安装。附安装流程:http://www.runoob.com/nodejs/nodejs-install-setup.html

安装完成后,在命令行依次使用node -v 和 npm -v可以看到版本号。

目前安装的node.js版本为9.0.0  ,npm的版本为5.5.1

2、安装cnpm

npm需要连接谷歌服务器,国内不能正常使用,因此使用淘宝的镜像安装cnpm。命令行输入npm i -g cnpm --registry=https://registry.npm.taobao.org

03、安装Angular CLI

命令行输入cnpm i -g @angular/cli。这个过程视网速决定,一般接杯水回来差不多了,慢的话可能会要10多分钟。

04、cnpm设置为默认包管理工具

命令行输入ng set --global packageManager=cnpm。

05、新建angular2工程

命令行输入ng new myApp,在命令行所在目录创建myApp工程。

07、在项目中添加组件

cd 项目路径,输入 ng g component navbar。

这里安装的时候遇到个问题。

报这个问题的原因是 新建项目目录下的的node_modules不完整,需要把node_modules整个文件删除后,然后再重新下载node_modules,在项目路径下执行安装命令 :npm install

在重新下载node_modules时会提示报错 gyp ERR。

原因是node-gyp 在编译时会调用VCBuild.exe,但是从vs2012版本之后是msbuild.exe作为编译器(微软还是一如既往的喜欢改名,改了也不和同行说下。)

解决: 
将npm 的 msvs的编译器设置为vs2012。
cmd执行: 
npm config set msvs_version 2012 -global

如果这样还是不行的话,编辑项目根目录下的package.json文件中对AngularCli的依赖版本。

把1.5.0改为1.2.6(这个方法没试过,不知道可行与否,但还是写下来,如果重新安装node_modules无效,可以尝试这个方法)

08、启动工程

命令行进入工程目录cd myApp,输入ng serve  即可启动服务。

默认的监听端口为4200,在浏览器访问http://localhost:4200,可看到创建的网页,

如果需要更改端口号,可以在启动的时候设置ng serve --port 3000  这时候访问的时候就用浏览器访问http://localhost:3000

注意:如果想结束工程服务,可以使用ctrl+c    来选择是否结束。

之后会把在win10、vs2015环境下搭建AngularJS2的步骤发出来。

时间: 2024-10-14 09:53:50

AngularJS2学习笔记 ——环境搭建(win7、vs2012)的相关文章

cocos2dx 环境搭建 win7 +vs2012+ cocos2dx-2.1.4

转自:http://my.eoe.cn/swer03160828/archive/20067.html 1) 如果在win32 下面编写的cocos2dx 的代码其文件 .cpp,.h 的文件,基本上都其他的平台上面可以直接把文件编辑是没有问题的! 2) 大多数的学习游戏开的人,使用的很多都是 win32 系统,但是网上很多的教程在ios上面的操作! 本人也是使用的就是win32 系统!比较符合android 开始的鞋童们!呵呵呵 3)我在接下文章总结出自己在项目中遇到的问题,已经解决的办法!

Nginx+Lua学习笔记-环境搭建

使用的OpenResty 具体教程可以参考:http://jinnianshilongnian.iteye.com/blog/2186270 这里只记录下我自己的环境搭建过程 系统使用的是ubuntu-14.04.1-server-amd64.iso 所有操作都使用了sudo提权... 首先参考http://blog.chinaunix.net/uid-8721861-id-2017178.html解决apt-get install时Media change: please insert the

MongoDB学习笔记~环境搭建

Redis学习笔记已经告一段落,Redis仓储也已经实现了,对于key/value结构的redis我更愿意使用它来实现数据集的缓存机制,而对于结构灵活,查询效率高的时候使用redis就有点不太合适了,对于以文档结构(document)实现存储的MongoDB来实现数据集的查询更合适一些,并且MongoDB有自己的负载均衡机制及MapReduce机制,不公可能分但查询的压力,而且还可以进行分布式计算,这个功能应该是最要命的! 1 组件下载 在previous版本里有32位的,最新版都是64位的,呵

VS2013中Python学习笔记[环境搭建]

前言 Python是一个高层次的结合了解释性.编译性.互动性和面向对象的脚本语言. Python的设计具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特色语法结构. Python 是一种解释型语言: 这意味着开发过程中没有了编译这个环节.类似于PHP和Perl语言. Python 是交互式语言: 这意味着,您可以在一个Python提示符,直接互动执行写你的程序. Python 是面向对象语言: 这意味着Python支持面向对象的风格或代码封装在对象的

Scala学习笔记-环境搭建以及简单语法

关于环境的搭建,去官网下载JDK8和Scala的IDE就可以了,Scala的IDE是基于Eclipse的. 下面直接上代码: 这是项目目录: A是scala写的: package first import scala.collection.mutable.ListBuffer object A { def main(args: Array[String]) { print("Hello,Scala");//学习程序设计的第一句 println("---");//pr

Spring学习笔记--环境搭建和初步理解IOC

Spring框架是一个轻量级的框架,不依赖容器就能够运行,像重量级的框架EJB框架就必须运行在JBoss等支持EJB的容器中,核心思想是IOC,AOP,Spring能够协同Struts,hibernate等其他众多的框架. 下面介绍环境的搭建,首先下载好spring的完整包,我下载的是4.2.5版本的,在elipse中,新建java项目: 1,导入核心jar包: 2.在src目录下,创建spring配置文件(名称可以自定义,一般写为beans.xml): <?xml version="1.

Maven学习笔记——环境搭建

-------------------------------------------- 本文目录: 一.在windows上安装Maven 二.安装Eclipse插件:m2eclipse -------------------------------------------- 一.在windows上安装Maven   1.确认已安装JDK并配置了相关环境变量. 可以通过命令行中运行一下命令测试:   java -version 如果能够看到版本信息,则表示JDK环境正常. 2.下载Maven 访

Hadoop学习笔记(4) ——搭建开发环境及编写Hello World

Hadoop学习笔记(4) ——搭建开发环境及编写Hello World 整个Hadoop是基于Java开发的,所以要开发Hadoop相应的程序就得用JAVA.在linux下开发JAVA还数eclipse方便. 下载 进入官网:http://eclipse.org/downloads/. 找到相应的版本进行下载,我这里用的是eclipse-SDK-3.7.1-linux-gtk版本. 解压 下载下来一般是tar.gz文件,运行: $tar -zxvf eclipse-SDK-3.7.1-linu

Hadoop学习笔记(10) ——搭建源码学习环境

Hadoop学习笔记(10) ——搭建源码学习环境 上一章中,我们对整个hadoop的目录及源码目录有了一个初步的了解,接下来计划深入学习一下这头神象作品了.但是看代码用什么,难不成gedit?,单步调试呢? 看程序不能调那多痛苦啊,想看跟踪一下变量,想看一下执行路径都难. 所以这里,我们得把这个调试环境搭建起来.Hadoop的主要代码是用java编写的,所以这里就选用eclipse作为环境. Hadoop目录下,本身就可以为作eclipse的一个工程来操作,但这里我不想,我想自己来建一个工程,