angular4实战一项目创建
来源:互联网 发布:淘宝运动服 编辑:程序博客网 时间:2024/05/20 06:09
最近一段时间在用
angular
开发项目,现把自己开发过程中一些体会以博客的形式写出来,分享自己心得,让彼此进步
一、开发环境
- 1、
window10
系统 - 2、
node7.4.0
- 3、
npm4.0.5
- 4、安装
@angular/cli: 1.4.1
参考安装文档
二、创建一个项目
- 1、
ng new projectName --style=scss
,本项目使用scss
开发的 - 2、更多的扩展认识掘金中angular4
- 3、关于
@angular/cli: 1.4.1
以后样式中使用背景图片的方式参考
三创建一个普通的项目思想
1、项目结构大致如图
2、把项目拆分很多个组件,然后组装起来,形成一个完整的项目
- 3、整个项目中可能就配置一个路由
四、创建一个大型项目的思想
1、项目结构大致如图
2、把整个项目先按模块来拆分,然后模块里面继续拆分成组件,最后把模块串起来形成一个完整的项目
- 3、一个模块就配置一个路由模块
五、上一个我本人项目开发中配置的项目结构
1、目录结构
2、model`文件夹目录存放数据
api
存放是请求后台数据接口的entity
存放实体类(仅仅是减少html
代码片段)
3、
mydirective
存放自己创建的指令4、
pages
存放的是视图public
存放是公共组件views
存放基本组件(里面继续划分模块)
5、
utils
存放一些工具方法(目前还没使用jQ
,项目继续做可能会使用)- 6、
validator
是对项目中form
表单的校验器 - 7、
guard
路由守卫的目录
阅读全文
1 0
- angular4实战一项目创建
- Angular4.x开发环境及项目创建(一)
- Angular4 环境搭建与项目创建与发布
- Angular4 路由 实战
- 孙孙啊i 之项目实战(一) 创建BaseActivity
- SpringBoot 实战 (一) :如何创建SpringBoot项目 --入门篇
- Angular4记账webApp练手项目之五(Angular4项目中创建service(服务)和使用http模块)
- angular4项目启动步骤
- Angular4(一)
- Angular4学习笔记(一)
- angular4实战(2) router
- angular4实战(4)ngrx
- kaggle项目实战一
- lucene项目实战【一】
- 项目实战一 - 安卓数据库的设计(一 创建类)
- ExtJs4实战(一) 创建数据库
- Odoo10实战一:模块创建
- angular4 项目启动报错
- Effective Java 对于所用对象都通用的方法 10.始终要覆盖toString,玩转toString
- Ubuntu 16.04 修改时区!
- intent.putExtra()方法参数详解
- quartz详解3:quartz数据库集群-锁机制
- 基于NDK开发完JNI代码后,Android studio中引入对应的so文件的方法
- angular4实战一项目创建
- 使用VMWare WorkStation安装Linux Mint
- Apache Maven 概述、环境配置
- Spring 注释 @Autowired 和@Resource 的区别
- LeetCode[1]Two Sum
- Sublime Text 3 实用快捷键总结
- REVIEWBOARD 使用说明和强制review的配置方法
- 清空session的方法
- 使用nginx与nginx-rtmp-module搭建流媒体服务器