AngularJs搭建项目

原创 2015年11月18日 22:40:19

搭建AngularJS网站环境步骤:

 

 

note[下载.安装Git]

示例:https://github.com/zestxjest/generator-gulp-angular

 

下载https://nodejs.org/download/

 

安装node-v0.12.2-x86.msi或64bit版

 

 

1.path加C:\Program Files (x86)\nodejs

 

cmd执行 node -v 出现版本号则ok

 

2.cmd执行

//sethttp_proxy=http://web-proxy.atl.hp.com:8080

 

//sethttps_proxy=http://web-proxy.atl.hp.com:8080

 

 

3.cmd执行npm install -g yo gulp bower,有err则执行上一步

 

4.http://gooseberrycreative.com/cmder/,个性化的cmd工具,复制工具文件夹到C:\Program Files\cmder

 

5.path加C:\ProgramFiles\cmder\vendor\msysgit\bin

 

6.公司配置代理.bowerrc2文件,家里用.bowerrc1,打开另存为.bowerrc到收藏->用户目录文件夹

 

7.cmd执行npm install -g generator-gulp-angular

 

8.任意位置建立文件夹,在cmder中cdC:\MyProjects\nodejsDemo

 

9.cmd执行yo gulp-angular mytestapp

    一路回车 一路y

 

 

10.cmd执行gulp serve,自动打开http://localhost:3000/#/,搭建AngularJS网站环境成功

 

11.在 C:\MyProjects\nodejsDemo\src\app\main(具体修改到自己建立的目录)下的main.html编写代码测试

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

如何构建一个完整的angular项目(一)--- 如何按需加载静态资源

(本文只讲架构,具体知识内容掠过) 之前在angular比较火的时候写过几个demo,无非就是简单用了下他的数据绑定,directive 等特定,有了个比较好用的印象。 后来由于自己做的项目有...

AngularJs前端框架搭建(一)

(持续更新) 写在最前面,从实习到毕业后这大半年来都是在现在所在的公司工作,才开始接触公司的项目时,后端都是用的熟悉的知识,然后前端却用了从来没听说过得angularjs,从开始接触到现在,也算是会...

angular项目流程功能实现

1.项目结构: -----view -----controller -----service 公共方法的使用,主要封装一些常用api,面向于方法 ----model 2.完成项目流程是什么?...

Angular2-使用Angular CLI快速搭建工程(一)

前言: 本文适合Angular2的初学者阅读; 时下web前端发展迅猛,新框架层出不穷,大家都知道三驾马车VueJS,Angular2,React。国内VueJS非常热门,百度热点趋势以1...

angularJs搭建web项目

1.前言 angularjs作为现在大火的前端框架很是受欢迎,现在已经发布了2.0版本,我在这里介绍的是我学习1.2.X以上版本的一些成果,2.0版本LZ也在学习中,等学成归来再与大家一起交流学习。 ...
  • senmage
  • senmage
  • 2017年07月21日 11:32
  • 569

angularJS学习笔记之——搭建学习环境

从今天开始,开始学习angularJS。 学习第一步是需要搭建一个学习和测试的环境,现在就开始环境的搭建。 无论是Mac、Linux或Windows环境中,您均可遵循本教程学习...

Angularjs前端项目环境搭建

AngularJs是Google工程师研发的一款JS框架,官方文档中对它的描述是,它是完全使用JavaScript编写的客户端技术,同其他历史悠久的Web技术(HTML,CSS等)配合使用,使得Web...

AngularJs专用测试工具Protractor 搭建PhoneCat项目的开发与测试环境

它基于WebDriverJs AngularJS官方网站提供了一个用于学习的示例项目:PhoneCat。这是一个Web应用,用户可以浏览一些Android手机,了解它们的详细信息,并...

AngularJS——搭建PhoneCat项目的开发与测试环境

AngularJS官方网站提供了一个用于学习的示例项目:PhoneCat。这是一个Web应用,用户可以浏览一些Android手机,了解它们的详细信息,并进行搜索和排序操作。对于PhoneCat项目的开...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AngularJs搭建项目
举报原因:
原因补充:

(最多只允许输入30个字)