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

时间:2021-07-31 09:02:15

时代在成长,没有纯粹的后端,想要高人为还是要多学习一个的。不空话了,直奔主题。

AngularJS成长到此刻已出到AngularJS4了。大抵分为AngularJS1.x、AngularJS2、AngularJS4

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

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

AngularJS4 最新版本在2.0根本上把动画效果疏散,其它成果的改造,建议先学2.0后再看4。

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

这个博主写的搭建环境法式很详细,按法式来可以根基上搭建完成。

1、node.js 安置

Node.js安置包及源码下载地点为:https://nodejs.org/en/download/。

选Current和对应的操纵系统,然后下载,安置。附安置流程:

安置完成后,在命令行依次使用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  

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

03、安置Angular CLI

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

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

04、cnpm设置为默认承打点工具

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

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

05、新建angular2工程

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

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

07、在项目中添加组件

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

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

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

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

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

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

在从头下载node_modules时会提示报错 gyp ERR。

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

原因是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,在浏览器访谒:4200,可看到创建的网页,

如果需要变动端标语,可以在启动的时候设置ng serve --port 3000  这时候访谒的时候就用浏览器访谒:3000

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

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

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