美文网首页
完善webApp的(通过npm包管理工具)安装环境

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

作者: 全是糖醋肉 | 来源:发表于2017-05-26 20:20 被阅读0次
    • 搭建开发环境:构建工具、包管理工具、编译工具、调试管理工具

    ** 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包管理工具)安装环境

          本文链接:https://www.haomeiwen.com/subject/kjsxfxtx.html