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