位置: 编程技术 - 正文

初学者AngularJS的环境搭建过程(angularjs4)

编辑:rootadmin

推荐整理分享初学者AngularJS的环境搭建过程(angularjs4),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:angularjs web application development cookbook,angular jsx,angular jsx,angularjs4,angularjs1.5,angular.js,angular jsx,angular jsx,内容如对您有帮助,希望把文章链接给更多的朋友!

AngularJS是什么&#;

AngularJS是一个开源Web应用程序框架。它最初是由MISKO Hevery和Adam Abrons于年开发。现在是由谷歌维护

AngularJS特性

AngularJS是一个功能强大的基于JavaScript开发框架用于创建富互联网应用(RIA)。

AngulajJS为开发者提供的选项(使用JavaScript)在一个干净的MVC(模型 - 视图 - 控制器)的方式来编写客户端应用程序。

AngularJS写的应用都是跨浏览器兼容。AngularJS使用JavaScript代码自动处理适应每种浏览器。

AngularJS是开源的,完全免费的,并且由数千名世界各地的开发者开发维护。它是根据Apache许可证2.0版许可发布。

总体来说,AngularJS是一个用来构建大型应用,高性能的Web应用程序的框架,同时使它们易于维护。

一 、在这里简单介绍一下Angular-cli的特性:

Angular-cli可以快速搭建框架,创建module,service,class,directive等;

有webpack的功能,可以实现代码分隔、按需加载等;

自动配置开发环境、测试环境、生产环境,可以实现代码的打包压缩和热部署,还可以实现模块测试、端到端测试

Angular-cli可以通过后缀自动识别sass、less的预编译;

Angular-cli可以在创建的时候进行TypeScript的配置,还可以做一些个性化配置;

通过Angular-cli创建的工程结构是最佳实践,可以用于生产环境;

二、安装nodejs

  AngularJS需要用到Nodejs,所以我们需要先安装nodejs,需要用到nodejs,nodejs的下载地址是: i -g cnpm

执行这个命令之后,等待完成,然后输入cnpm version查看是否安装完成,这里我已经安装过了,所以可以进去了。

安装完成cnpm之后,我们开始安装Angular-cli。

初学者AngularJS的环境搭建过程(angularjs4)

执行命令

cnpm i -g angular-cli

然后可以执行ng version命令,查看是否安装完成和angular-cli的版本

安装完成之后我们就可以使用ng命令,下面开始创建项目。

四、项目创建

安装完成angular-cli之后就可以直接创建项目了,执行命令

ng new JustForTest

其中JustForTest是项目名称

执行这个命令是创建很多文件,而且需要等待一下,这个步骤会等很久,需要等到nod_.modules的安装完成

直接使用ng serve启动。

这样就可以直接启动项目,我们在浏览器中输入: i -g @angular/cli

这里说明一下,之前我们安装的是全局的angular-cli。

等待命令执行完成,之后再执行命令

cnpm install

然后执行命令

ng serve -prod -aot

然后等待编译完成。

完成之后,我们就可以在浏览器中输入:

访问项目。

总结

以上所述是小编给大家介绍的初学者AngularJS的环境搭建过程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

vue2里面ref的具体使用方法 本文介绍了vue2里面ref的具体使用方法,分享给大家,具体如下。1、我们先定义两个组件html部分divid="app"navbar/navbarpagefooter/pagefooter/divjs部分Vue.component('na

Vue-resource拦截器判断token失效跳转的实例 在拦截器中设置全局的token判断,意味着每次http请求都会校验token,与后台约定好的token过期返回码可以自定义跳转路径;vartoken=window.localStorage.getItem("to

vue-resource拦截器设置头信息的实例 使用vue-resource,设置头信息:Vue.http.interceptors.push((request,next)={request.headers.set('Authorization',token)console.log(request.headers)next(response={console.log(response.status)retur

标签: angularjs4

本文链接地址:https://www.jiuchutong.com/biancheng/373335.html 转载请保留说明!

上一篇:使用vue的v-for生成table并给table加上序号的实例代码(vue中使用foreach)

下一篇:vue2里面ref的具体使用方法

  • 发放福利视同销售进项税要转出吗?
  • 个人所得税减除费用5000是什么意思
  • 工程项目纳税
  • 什么叫销售劳务
  • 一般 小规模
  • 如何做固定资产卡片
  • 财务毛利率是毛利率吗
  • 结构性存款需要缴纳增值税吗
  • 增值税进项税额计算公式
  • 普通发票有没有有效期
  • 企业所得税纳税人包括哪些类型
  • 企业现金类资产包括
  • 物业公司哪些费用需要公示
  • 单位月工资总额
  • 物流公司赔付款会计分录
  • 投资款打到个人账户算诈骗吗
  • 周转材料属于什么会计要素
  • 加税点开专票合适吗
  • 个体户发放现金工资税务局认可吗
  • 个人所得税承租承包经营所得
  • 对公账户分为一般户和基本户
  • 公司买的食用油会计分录
  • 关联方债权投资与权益投资比例
  • 其他应付款注销时怎么冲平
  • 直接人工属于哪个科目
  • 抵债资产会计核算办法
  • windows10如何开启自动更新
  • SymSPort.exe - SymSPort是什么进程 有何作用
  • 购买办公用品发放给各部门使用
  • 收到员工的罚款的会计科目
  • kb4586819更新
  • 电脑怎样进入cmos设置
  • win7系统怎么设置最佳性能
  • 银行存款日记账与银行对账单之间的核对属于
  • 人工智能课程心得体会
  • 合营企业合营方
  • 现金流量表中如何考虑折旧费
  • 前端面试题什么是网络协议
  • 毕业设计-基于组态软件的流量比值过程控制系统设计
  • php基于单例模式开发
  • 垃圾费放在哪个会计科目
  • 民办非企业单位属于什么类型
  • 企业交房租没有发票能充费用吗
  • 社保信息修改到哪里办理
  • 利润表中的资产处置收益应该计入营业利润还是利润总额
  • 承兑汇票多付退税怎么算
  • 代缴社保的好处有哪些
  • 减免税款借方有利息吗
  • 消耗性生物资产属于非流动资产吗
  • 年中重新建账还要年初数吗?
  • 凭证账本是什么
  • mysql数据库数据备份
  • centos虚拟机配置
  • linux怎样挂载
  • win7安装sqlserver2005失败
  • win7鼠标点了没反应
  • win8系统怎么远程电脑
  • mac os如何安装软件
  • mac怎么切换输入法
  • centos7 ifcfg-lo
  • win7关机没反应怎么办
  • cocos2dx安装和初步使用
  • window.location.reload白屏
  • jquery ajaxfileupload异步上传插件
  • 在windows窗口中以下叙述错误的是
  • python中列表常用方法
  • Unity3D游戏开发标准教程
  • 批处理界面
  • python怎么计数
  • unity通过脚本控制骨骼节点让模型动起来
  • node.js golang
  • koa和express的区别
  • 如何用python编写脚本
  • jquery事件处理有哪些
  • android sdk使用教程
  • android设计模式的应用场景
  • 湖南税务发票查验平台官网
  • 黑龙江省电子税务局官网下载
  • 税收征管工作的基本目标
  • 杭州注册公司需要钱吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设