AngularJs的集中环境搭建方式
来源:互联网 发布:unity3d 动漫人物模型 编辑:程序博客网 时间:2024/06/06 01:09
感觉Angular和Python非常的类似,他们本身都是很轻量级的,但是插件一大堆。所以对于安装开发环境也是个比较麻烦的事情,之前尝试了几次构建项目都失败,今天把几个方式记录下来。
-----其实并没有什么难,主要是要注意插件安装地址和确保安装成功,并且配置正确的环境变量。
1、安装nodejs >node -v >npm -v 如果这两个命令正确的话说名node的环境已经搭建好了
2、搭建方式
#使用yeoman构建(yeoman是一个项目开发工作流工具,用来自动构建js项目)
>npm install -g generator-angular
>npm install -g yo
确保上面两个插件安装
>yo angular //创建项目命令
另外:需要选择gulp或者grunt项目自动化构建工具所以需要安装
>npm install grunt
>npm install gulp
安装框架类库管理工具
>npm install -g bower
可以轻松在下面下安装类库
>bower install jquery
>bower install bootstrap
启动服务
>grunt server
>grunt --force //启动default任务,生成用于部署的目录
构建成功后的目录结构:
tmp:临时目录
app:开发的源代码的目录
dist:生成用于发布的项目
node_modules:nodejs依赖包
test:测试文件的目录
bowerrc:bower属性
editooconfig:对开发工具的属性配置
gitattributes:git属性的配置
gitignore:git管理文件的配置
jshintr:JSHint配置
travis.yml:travis-ci持续集成的配置
bower.json:bower依赖管理
Gruntfile.js:grunt开发过程管理
karma.conf.js:karma自动化测试
karma-e2e.conf.js:karma端到端自动化测试
package.json:项目依赖文件
#手动构建项目
需要自己创建文件路径和下载所需要的资源----(一般用于小项目或者测试项目)
#源码构建(需要进行修改)
>git clone https://github.com/bsspirit/angular-seed.git //下载源码
>node scripts\web-server.js //进入项目启动服务
测试地址:http://localhost:8000/app/index.html
- AngularJs的集中环境搭建方式
- 动力环境集中监控系统的数据传输方式
- AngularJS项目环境搭建
- angularjs环境搭建
- angularJS搭建环境
- 【AngularJS】AngularJS整合Springmvc、Mybatis环境搭建
- PhoneGap+Angularjs+ionic 环境搭建
- Express4+Angularjs+Bootstrap3环境搭建
- Angularjs前端项目环境搭建
- Ionic+AngularJs+Cordova环境搭建
- AngularJS(一)环境搭建
- 集中连接Oracle的方式
- spring 的集中注入方式
- 遍历map的集中方式
- Fragmeng的集中跳转方式
- 终止线程的集中方式
- 集中序列化的方式
- AngularJS初探:搭建PhoneCat项目的开发与测试环境
- matlab将视频转成每一帧的方法
- Js实现显示剩余X天X小时X分X秒
- Java异常---Illegal access: this web application instance has been stopped already
- mysql函数
- 已搭建SVN 的Linux主机上创建项目
- AngularJs的集中环境搭建方式
- 使用HtmlUnit做爬虫
- 青蛙换位问题之递归回溯法
- 树与二叉树
- 2016微软技术大会门票在线抢,最后半天!!!
- 关于fragment与activity生命周期相关讨论
- opencv图像处理之仿射变换
- 鸟哥的私房菜读书笔记(1)(第一部分:Linux规则与安装)
- linux学习笔记--ps命令使用方法