当前位置:   article > 正文

3 搭建项目开发环境

3 搭建项目开发环境

1) 安装Angular调试插件batarang(主要功能:查看作用域,输出调试信息、性能监控)

  Google chrome Batarang 百度网盘下载:http://pan.baidu.com/s/1jGILtzg

  下载后,打开chrome浏览器,点击设置--扩展程序,将下载的插件拖动到扩展程序页面,完成安装后,浏览器工具栏会有图标,进入开发者工具页面,也会看到插件

  

  我们可以进入angularjs中文社区网站检测一下插件的使用情况:

  上图中,我框蓝框的即为我们常用的功能区域。

2) 安装bower--第三方依赖管理工具(bower官网:https://bower.io/)

  使用npm包管理工具进行安装,打开终端,输入命令$ npm install -g bower进行安装

  安装完成后可以运行$ bower -v查看安装版本

  常用命令:bower init、bower install、bower uninstall

  配置文件:.bowerrc(修改安装目录)、bower.json(管理第三方依赖的文件)

  tips:.bowerrc文件的创建方式,打开终端,进入项目目录,使用命令$ null>.bowerrc即可创建文件

3)安装Node.js

  node.js  http://nodejs.org

         可以到官方网站下载对应平台的安装包安装即可,如果已经安装,需要把它升级到最新的稳定版本

         在终端可以输入$node -v来查看node版本以检测是否安装成功

4)安装less--对css进行预编译处理

  法一:安装iterm或者使用终端都可以,然后输入sudo npm install -g less (mac系统下)

  法二:去官网下载引用

  

  参考文档:http://less.bootcss.com/

       http://www.bootcss.com/p/lesscss/

  less在线编译器:http://tool.oschina.net/less

 

TIPS:概念补充

  什么是单页应用?

    定义:页面跳转无刷新

    方法:利用路由控制"页面"跳转

    优点:页面切换流畅,前后端分离

 

转载于:https://www.cnblogs.com/jiangtengteng/p/6793589.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/557664
推荐阅读
相关标签
  

闽ICP备14008679号