AngularJS之--前台搭建

opo

　　相信很多学习AngularJS的都会去AngularJS中文社区去看官网教程。
　　前期搭建node，安装git，下载angular-phonecat似乎问题都不大，然而按照他们的教程引导，在控制台运行  node scripts/web-server.js 时问题就出来了。
　　控制台报错，找不到web-server.js功能模块，再去看看github里面的phonecat项目文件，script下面的确没有web-server.js这个文件，这是为什么呢？
　　既然github里没有给出web-server.js，教程为什么会让你去执行它？
　　瞬间不会了！
　　然后我自行百度，试了各种办法，加上这种资料不多，整整耗了一天时间，并没有处理。
　　后来去问了一个朋友，在他那里给出了答案，他说官网教程存在滞后性，angular的phonecat项目已经弃用了web-server.js，所以git里面肯定出不来。
　　瞬间懵逼了，有木有！！
　　也就是说官网教程教的是老版的项目，新版项目的模块已经整改了，弃用了部分模块。相应模块已删，肯定对不上号！
　　我只能说，好吧，重新整。为了不会乱，乖乖的把node  git  都卸了，重新按照如下方式去安装：
　　
1、Node.js下载安装   
　　下载地址：http://nodejs.org/   
　　安装完后，一般会把nodeJs的安装路径写入Path环境变量里。(如没有的话，请手动配置)
　　检查安装是否成功（dos命令窗口）：node –version 或 node -v
　　安装Testacular单元测试程序: npm install karma
　　npm install -g express
2、git下载安装   
　　下载地址：http://git-scm.com/   
　　安装完后，一般会把nodeJs的安装路径写入Path环境变量里。(如没有的话，请手动配置)
　　以下命令从Github复制本教程项目的源代码文件（dos命令窗口）：
　　git clone git://github.com/angular/angular-phonecat.git
　　这个命令会在您当前文件夹中建立新文件夹angular-phonecat。
　　3、服务器的启动命令    npm start
　　4、测试服务器的启动命令    npm test
　　
5、入门学习的例子的获取    git checkout -f step-0
　　
6、例子的运行    cd到angular-phonecat文件夹
启动：   npm start
导出例子程序：
　　git checkout -f step-0
　　例子代码生产在文件夹angular-phonecat/app下
　　npm start
　　浏览器中运行例子：
　　http://localhost:8000/app/index.html
　　如果出现空白页，运行
　　http://localhost:8000/
　　出来了，有木有
　　其实之前的搭建平台本身并没有问题，问题就在于，项目已整改，教程未能及时更新。一个指令的误导，就入了坑。导致了接连不断的错误发生。
　　同时我也没有用心去听别人的指导，自己的盲目也是未能及时解决问题的原因。当然了，这些是没有后台经验的新手需要规避的问题，现在才刚刚起步不是？
　　好了，平台已搭建，现在可以开始angular的项目开发了。