• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >AngularJS > Ubuntu系统下Angularjs开发环境安装

Ubuntu系统下Angularjs开发环境安装

作者:hhcccchh 字体:[增加 减小] 来源:互联网 时间:2017-05-30

本文主要包含angularjs开发框架,angularjs开发指南,angularjs开发实例,angularjs开发,angularjs开发手册等相关知识,hhcccchh 希望在学习及工作中可以帮助到您

一.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 开发的安装环境步骤,后续继续整理相关资料,谢谢大家对本站的支持!

</div>

您可能想查找下面的文章:

  • 浅谈angularjs依赖服务注入写法的注意点
  • AngularJS的脏检查深入分析
  • AngularJS2中一种button切换效果的实现方法(二)
  • angularJS深拷贝详解
  • AngularJS执行流程详解
  • Angularjs单选改为多选的开发过程及问题解析
  • 基于Angularjs+mybatis实现二级评论系统(仿简书)
  • 理解AngularJs篇:30分钟快速掌握AngularJs
  • AngularJS 应用身份认证的技巧总结
  • AngularJs基于角色的前端访问控制的实现

相关文章

  • 2017-05-30AngularJS国际化详解及示例代码
  • 2017-05-30AngularJS Bootstrap详细介绍及实例代码
  • 2017-05-30AngularJS自定义指令实现面包屑功能完整实例
  • 2017-05-30AngularJS 与Bootstrap实现表格分页实例代码
  • 2017-05-30在AngularJS框架中处理数据建模的方式解析
  • 2017-05-30Angular.JS通过指令操作DOM的方法
  • 2017-05-30AngularJs Dependency Injection(DI,依赖注入)
  • 2017-05-30Angular.js实现注册系统的实例详解
  • 2017-05-30Angular.js中ng-include用法及多标签页面的实现方式详解
  • 2017-05-30Augularjs-起步详解

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • AngularJS路由切换实现方法分析
    • AngularJS入门教程之多视图切换用法示例
    • AngularJS学习第一篇 AngularJS基础知识
    • indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
    • angular分页指令操作
    • AngularJS表单提交实例详解
    • 在AngularJS中如何使用谷歌地图把当前位置显示出来
    • AngularJS基础 ng-copy 指令实例代码
    • 详解AngularJS 路由 resolve用法
    • AngularJS监听路由的变化示例代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有