AngularJS开发环境搭建

1、选择Web浏览器

    AngularJS在任何现代浏览器上都可以工作,看个人开发习惯而定。

2、选择代码编辑器

    代码编辑器多种多样，主流的有Sublime Text等。主要看个人的开发习惯而定。

3、安装Node.js

    下载和安装适用于你的平台的Node.js安装包。确保已安装了包管理器，并且安装目录已添加到你的路径中。

     测试Node.js安装是否成功，打开命令行工具并输入node，等待提示信息变化后，输入以下信息：

function testNode(){return "Node is working";}testNode();

     如果安装成功，可以看到 Node is working 

4、安装Web服务器

    在Node.js安装目录下，运行如下命令：npm install connect

    并在该目录下，创建名为server.js的文件，文件内容如下：

    var connect = require('connect'),

    serveStatic = require('serve-static');

    var app = connect();

    app.use(serveStatic("../angularjs"));

    app.listen(5000);

5、安装测试系统

     在Node.js安装目录下，运行一下命令：npm install -g karma

6、创建AngularJS文件夹

       创建一个文件夹包含你的AngularJS应用程序，命名为Angularjs，下载AngularJS最新稳定版，保存在Angularjs文件夹中。

7、执行一个简单的测试

     创建一个使用了AngularJS的test.html文件进行测试

     启动Web服务器，从Node.js安装目录下运行：node server.js

     加载测试文件，打开Chrome浏览http://localhost:5000/test.html