AngularJS创建demo项目

AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。

1.安装node.js

首先下载安装node.js，如果已安装可以跳过，下载地址：https://nodejs.org/en/

需要注意：按照提示一步步安装即可，其中可以选择安装目录，我这里安装到F盘，其他默认，最后Finish，如果环境变量有问题，可以如下配置。

如下，说明安装成功。

2.修改npm安装目录

npm安装程序，默认情况下，在所在文件夹下运行npm，就会在当前目录创建一个文件夹node_modules。加上-g参数，意思是安装到全局目录下，默认是C盘目录下。

现在我们把他修改到其他目录下，如下所示：

设置npm安装程序时的默认位置

npm config set prefix “F:\Program Files\nodejs\node_modules\npm”

设置npm安装程序时的缓存位置

npm config set cache “F:\Program Files\nodejs\node_modules\npm\node_cache”

遇到的问题：

按命令 npm config set prefix, 修改完npm路径，之后npm命令完全无反应，下标一直闪。

只要C:\Users\{账户}\下的.npmrc文件删除掉即可。

2.安装cli

Angular 2.0开始提供了cli命令工具，可以方便的管理和创建工程，安装命令如下：

npm install @angular/cli -g

注意：Angular CLI对Node 的版本有所要求（node 6.9.x and npm 3.x.x ），所以大家需要确认自己的Node版本，查看是否有警告信息：ng –version

添加环境变量，如下所示：

现在就好了，如下所示：

3.项目创建与运行

ng new web-app

cd web-app

ng serve --o

其中的--o(--open)参数表示运行项目的时候打开默认浏览器，如下所示：