完善webApp的(通过npm包管理工具)安装环境

  • 搭建开发环境:构建工具、包管理工具、编译工具、调试管理工具

** angularJS涉及的基本概念 **
1.module:
2.directive:将HTML和数据进行绑定
3.表达式
4.service:相当于一段共有的代码逻辑
5.injector
6.依赖注入
7.模型
8.filter:对数据进行过滤
9.数据绑定
10.$scope
11.controller:相当于私有的代码逻辑
12.view

image.png

路由模块:监听浏览器的哈希值变化,来加载不同的HTML文件(视图层);
控制器组件和view之间形成MVC模型,

  • angularJS的调试工具之 : batarang
    1.主要功能:查看作用域(某个DOM对象的相关属性和信息)、输出调试信息、性能监控(performence)
    2.原因;angular的数据模型都是建立在$scope这个作用域上的,一旦它内部发生错误在控制台是不会检测到错误信息,所以安装这个插件工具之后就能很方法的查看$scope上的数据信息,方便调试和监控;
  • angularJS的依赖管理工具之 : bower
    安装bower:npm(或者cnpm) i -g bower
    常用命令:
    bower init:创建也bower的配置文件
    bower install:安装 bower install --save 安装文件名#版本号
    bower uninstall:卸载第三方依赖

配置文件:
bower.json:记录了初始化的bower的信息和需要管理的第三方依赖(一个文档用来记录了当前需要管理的依赖包)切换版本(比如在PC端考虑到IE的兼容性一般使用1.2的版本): bower install --save 安装文件名#版本号,此时bower就会自动帮我们从git库中拉去对应的本版本到我们本地;使用--save的包才会被记录到.json文件中;
.bowerrc:修改安装目录(通过bower下载的包的安装默认是在bower/component),该文件的配置可以修改安装的路径;(创建文件,在命令行中键入null>.bowerrc就会创建一个空的.bowerrc.(不通过命名行是不能创建一个.开头的文件),该文件也应该是一个json格式的文件!!)文件中指定的文件夹路径它会自动按照文件中设置的文件名创建好,无须单独创建

{
"directory":"lib",
"json":""
}

问题
问题1:刚开始只是设置了一个路径但是没有写明json,结果报错,添加上之后就能正常拉去依赖包,暂时还没去查明白是为什么
问题2:uninstall安装包之后,并没有从json文件的dependencies中删除..该包的记录



注意点
1..实际开发中不要直接在主分支上开发,最好是根据不不同的功能模块在不同的分支上开发,
2.在cmd命令中路径要使用/而不是\,因为命令行使用的是lunix系统

你可能感兴趣的:(完善webApp的(通过npm包管理工具)安装环境)