Ubuntu系统下Angularjs开发环境安装

一．win7环境下安装ubuntu系统

http://jingyan.baidu.com/article/60ccbceb18624464cab197ea.html

注意：在安装的第四步选择“安装ubuntu系统，与win7系统共存”这一项，这样可以免去后面的分区，安装更方便

二．安装jdk8

http://hi.baidu.com/270460591/item/5a6a9bcf8f352e4dbdef69cd

注意：配置文件改为在~/.bashrc里面加入

export JAVA_HOME=/home/liwh/Tools/jdk1.8.0_31
PATH=$JAVA_HOME/bin:$PATH

环境变量生效

source ~/.bashrc

三．安装intellij IDE14

1.下载intellij IDEA14，下载地址为：http://www.jetbrains.com/idea/download/

2.下载后放到自己的文件夹，解压到当前目录即可

3.进入文件夹下的bin文件夹，找到idea.sh，使用终端命令运行即可

四．安装gradle

1.在官网下载最新的gradle版本：http://www.gradle.org/downloads

2.解压安装包到指定目录

3.打开环境文件 sudo gedit ~/.bashrc

4.写入环境文件

export GRADLE_HOME=/home/liwh/Tools/gradle-2.2.1
PATH=$GRADLE_HOME/bin:$PATH

5.环境变量生效

source ~/.bashrc

6.检查是否安装成功

Gradle -v

五．安装maven

1.下载maven：http://maven.apache.org/download.cgi

2.复制到/usr/src

3.配置环境变量，打开~/.bashrc，添加

MAVEN_HOME=/usr/src/apache-maven-3.0.3

PATH=${MAVEN_HOME}/bin:${PATH}

4.source~/.bashrc

5.确认安装是否成功  mvn -v

六．安装tomcat8

1.下载tomcat8：http://tomcat.apache.org/download-80.cgi

2.解压到指定目录

3.在解压缩目录中运行sudo startup.sh则启动tomcat

七.安装npm

sudo apt-get install npm

八．通过npm安装nodejs

sudo npm install npm -g.
Test: Run npm -v. The version should be higher than 2.1.8.

九.安装gulp

sudo npm install --global gulp

十.安装bower

sudo npm install -g bower

以上就是 Ubuntu AngularJS 开发的安装环境步骤，后续继续整理相关资料，谢谢大家对本站的支持！

赞 (0)

相关推荐

  • AngularJs bootstrap搭载前台框架——js控制部分

    这个简单的框架最后只剩下了js的控制部分了,angular框架有自己的逻辑部分,有自己的controller和service层,由于我们可能要用到angular的一些内置的resource和cookie,所以我们需要再加入angular的一些lib: --------------index.html------------------ <script src="lib/angular/angular-strap.js"></script> <script

  • AngularJs bootstrap搭载前台框架——基础页面

    AngularJs bootstrap搭载前台框架——基础页面

    1.用AngularJs app种子初步搭载好框架之后就需要我们手动往里面填充一些东西了,首先打开我们的app文件夹下面的index.html,加入一些我们需要用的js和css(当然是bootstrap的),代码如下: <script src="lib/angular/angular.min.js"></script> <script src="lib/jquery/jquery-1.10.2.min.js"></scrip

  • AngularJs Forms详解及简单示例

    控件(input.select.textarea)是用户输入数据的一种方式.Form(表单)是这些控件的集合,目的是将相关的控件进行分组. 表单和控件提供了验证服务,所以用户可以收到无效输入的提示.这提供了更好的用户体验,因为用户可以立即获取到反馈,知道如何修正错误.请记住,虽然客户端验证在提供良好的用户体验中扮演重要的角色,但是它可以很简单地被绕过,因此,客户端验证是不可信的.服务端验证对于一个安全的应用来说仍然是必要的. 一.Simple form 理解双向数据绑定的关键directive是

  • AngularJs bootstrap搭载前台框架——准备工作

    AngularJs bootstrap搭载前台框架——准备工作

    1.关于什么是AngularJs以及什么是bootstrap我就不多说了,简单说下,AngularJs是一个比较强大前台MVC框架,bootstrap是Twitter推出的一个用于前端开发的开源工具包,可以迅速搭建web前台,可以去官网看看(AngularJs:http://angularjs.org/ ,bootstrap:http://twitter.github.io/bootstrap/). 2.github上有一个比较好的纯净AngularJs app的种子,可以去github下载,地

  • AngularJs IE Compatibility 兼容老版本IE

    Internet Explorer Compatibility 一.总括 这文章描述Internet Explorer(IE)处理自定义HTML属性.标签的特性(可以理解为"特别糟糕的性质").如果我们打算让应用兼容IE8以及以下的版本,那么可以继续往下看. 二.Short Version(简述) 为了让我们的angular应用在IE上工作,请确保: 1. 按需引入JSON.stringify(IE7或以下的都需要这玩意).我们可以使用JSON2(https://github.com/

  • AngularJs directive详解及示例代码

    Directive是教HTML玩一些新把戏的途径.在DOM编译期间,directives匹配HTML并执行.这允许directive注册行为或者转换DOM结构. Angular自带一组内置的directive,对于建立Web App有很大帮助.继续扩展的话,可以在HTML定义领域特定语言(domain specific language ,DSL). 一.在HTML中引用directives Directive有驼峰式(camel cased)的风格的命名,如ngBind(放在属性里貌似用不了~

  • AngularJs html compiler详解及示例代码

    AngularJs html compiler详解及示例代码

    原文再续,书接上回...依旧参考http://code.angularjs.org/1.0.2/docs/guide/compiler 一.总括 Angular的HTML compiler允许开发者自定义新的HTML语法.compiler允许我们对任意HTML元素或属性,甚至是新的HTML标签.属性(如<beautiful girl="cf"></beautiful >)附加行为.Angular将这些附加行为称为directives. HTML有很多专门格式化静

  • AngularJs 国际化（I18n/L10n）详解

    一.I18n and L10n in AngularJS 1. 什么是I18n和L10n? 国际化(Internationalization),简称I18n,是让产品开发在一个他们可以简单地对产品进行语言.文化的本地化的方法的规范.本地化(Localization),简称L10n,一个使得应用.文本有适应特殊的文化或者语言市场的能力的规范.对于应用开发者,使一个程序国际化,意味着需要从程序中抽取所有字符串和其他区域较为特别的地方(例如日期和货币格式).使一个程序本地化,意味着需要提供根据I18n

  • AngularJs concepts详解及示例代码

    AngularJs concepts详解及示例代码

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/concepts 继续.. 一.总括 本文主要是angular组件(components)的概览,并说明他们如何工作.列表如下: statup - 依旧是hello world...改为Hello Kitty! runtime - 介绍angular的runtime scope - view与contorller的纽带(神马glue...胶) controller - app的行为(applicati

  • AngularJs expression详解及简单示例

    表达式(Expressions)是类Javascript的代码片段,通常放置在绑定区域中(如{{expression}}).表达式通过$parse服务(http://code.angularjs.org/1.0.2/docs/api/ng.$parse)解析执行. 例如,以下是angular中有效的表达式: 1+2 3*10 | currency user.name 一.Angular表达式 vs. Js 表达式 这很容易让人将angular视图表达式联想为javascript表达式,但这并不完

随机推荐