ANGULARJS之--前台搭建

相信很多学习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的项目开发了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章