《AngularJS深度剖析与最佳实践》一1.1 环境准备

简介:

本节书摘来自华章出版社《AngularJS深度剖析与最佳实践》一书中的第1章,第1.1节,作者 雪狼 破狼 彭洪伟,更多章节内容可以访问云栖社区“华章计算机”公众号查看

1.1 环境准备

进行开发的第一步是准备开发工具。对于用惯了IDE的程序员来说,可能需要适应一下IDE配合命令行的模式,不过最终你会爱上命令行模式的快速和简洁。
我们将要使用的环境如下。

  1. Node
    Node全称是Node.js,它是一个让JavaScript访问各种本地API和网络API的运行环境,在本书中,将大量使用基于Node的模块和工具。

Node的安装非常简单,如果你使用Linux/Mac操作系统,建议从https://github.com/creationix/nvm下载;如果你使用Windows操作系统,建议从Nodejs官网下载:http://nodejs.org/
受互联网等因素的影响,Linux/Mac版的安装可能会遇到问题,如果使用过程中遇到问题,也可以从Nodejs官网下载,但是要用这种安装方式将迫使你使用root 权限,后面可能经常需要输入登录密码,从此以后,你需要root权限才能安装某些第三方Node包,相应的,npm ...命令也要改为sudo npm ...命令。

  1. cnpm
    npm是Node自带的包管理器,它的中心服务器架设在国外,受到互联网等因素的影响,有时下载速度会非常慢,甚至部分包完全无法下载。我们可以使用阿里在国内架设的CDN来解决此问题。阿里的CDN提供了一个独立的包管理命令:cnpm install ...,不过在使用它之前需要先安装:npm install -g cnpm --registry=https://registry.npm.taobao.org。今后所有需要出现npm命令的地方,都可以替换为cnpm命令。假设你已经安装过cnpm命令,所以本书后面出现的npm命令也会替换为cnpm命令。
  2. Java
    Angular的前端开发并不需要使用Java,但是WebStorm等IDE是基于Java开发的,本书范例中的后端服务器也是基于Java开发的。如果需要,可以到http://www.oracle.com/technetwork/java/javase/downloads/下载并安装Java。
  3. IntelliJ
    本书中将使用IntelliJ作为演示用IDE。这是JetBrains公司出品的软件,既能写前端,也能写后端,默认支持Java语言和前端技术栈,也可以通过插件支持更多种语言。它还有一个专门面向前端开发的精简版本,叫作WebStorm。它的安装方式都有官方说明,在此不再详述。

JetBrains的软件是收费的,不过它带来的便利确实值得你投资。此外,Eclipse和Visual Studio也都是不错的选择。

  1. IntelliJ的AngularJS插件
    IntelliJ的AngularJS插件是个非常实用的插件。它可以帮你检查模板中使用的官方指令和自定义指令的语法,并且支持按组合键Ctrl+B(Windows系统)/Cmd-B(Mact系统)进行跳转。
  2. Git
    本书的源码将全部通过Git发布在GitHub上,所以,你有必要安装一个Git工具。而且,Git 的作用远不止于管理本书的源码,在做其他开发的过程中也很有用,甚至本书的写作稿也是通过Git来协调多位作者和编辑之间的合作的。

对于Linux系统,主流的版本都可以使用其内置的包管理器来安装,比如Ubuntu下的sudo apt-get install git;对于Mac系统,Xcode内置了Git,也可以通过brew工具安装最新版,如:brew install git;而Windows下比较特殊,由于Git没有原生的Windows编译版本,所以需要下载一个第三方版本https://msysgit.github.io/

  1. cygwin
    Windows不是前端开发的理想环境,如果有条件,最好使用Linux或Mac。如果确实要在Windows下操作,那么请先安装cygwin。cygwin 是个在Windows下面的Linux命令模拟器。本书中列出的绝大多数命令都需要在cygwin下执行。当然,如果你熟悉Linux命令和Windows命令的对应关系,也可以在Windows的CMD窗口中开发。

不过,最好的方式是用VirtualBox装一个Linux虚拟机,在虚拟机中进行这些尝试。
8.开发指南与API
由于受互联网等因素的影响,部分用户可能无法正常访问官方网站(angularjs.org),也就无法正常查阅开发指南和API,这将成为学习Angular的障碍。为了解决此问题,我们在国内架设了一个网站:www.ngnice.com,这里有我们组织翻译的开发指南(guide)以及API的英文版。

相关文章
|
设计模式 前端开发 JavaScript
11分布式电商项目 - AngularJS简介
11分布式电商项目 - AngularJS简介
53 0
|
安全 前端开发 测试技术
《AngularJS深度剖析与最佳实践》一导读
现在,软件不但运行在PC上,还要运行在智能手机上,运行在各种Pad上,屏幕分辨率更是多到让研发和测试工程师发怵的地步。
1428 0