Angularjs启动安装过程

AngularJS 安装使用教程 AngularJS是由Google开发的前端JavaScript框架,采用MVVM架构,适用于构建单页面应用。文章介绍了AngularJS的两种安装方式(CDN和本地引入),并提供了一个包含数据绑定、控制器和模块的快速入门示例。核心概念包括ng-app、ng-model等常用指令,以及模块与控制器的基本用法。常见问题如双花括号不渲染和脚本加载顺序错误也给出了解决方案。最后推荐了W3School、菜鸟教程等学习资源。本文由"小奇Java面试"原创,提供项目源码、简历模板等福利资源。 阅读详情

1.AngularJS简介

AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

详情见官网:https://www.angularjs.net.cn/tutorial/

2.安装

2.1安装node.js
下载地址:https://nodejs.org/en/download/

2.2.安装npm和cnpm
npm在安装node.js会顺带安装好,由于Angular CLi的一些资源被墙掉了,所以这里我们使用淘宝的镜像去下载安装,否则会很慢并且很容易出问题。

安装淘宝镜像,输入 npm install -g cnpm –registry=https://registry.npm.taobao.org

2.3 安装Python
Python官网下载:https://www.python.org/downloads/windows/

“Windows x86-64 executable installer”,也即 64 位的完整的离线安装包。
在这里插入图片描述
下面安装报错原因:
node.js与系统的python版本冲突 我的是3.8
在这里插入图片描述
只能安装一个2.7版本的,再执行 npm config set python python2.7
又报错:
(1)具体原因

   MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "14.0", "4.0"生成失败。 
   MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 "14.0", "4.0"。
  0 个警告 1 个错误 
  项目依赖中,node-gyp调用MSBuild工具进行组件编译,找不到MSBuild2.0,而系统里只有MSBuild4.0。

(2)解决办法

   下载VC++ tool http://go.microsoft.com/fwlink/?LinkId=691126&  
   下载 Visual C++ 2015 Build Tools,安装时,选择自定义安装,勾选系统版本对应的Windows SDKs ,直至安装完毕;下载 Python2.7,安装时,勾选将 Add Python.exe to PATH,即添加至环境变量,直至安装完毕;
在报错的项目内,重新执行 npm install --msvs_version 2015 进行安装项目依赖,即可完美解决问题了;
C:\\Users\\dsl\\Desktop\\>npm install --msvs_version 2015

在这里插入图片描述

2.4安装完成cnpm之后,我们开始安装Angular-cli。
执行命令
cnpm i -g angular-cli

然后可以执行ng version命令,查看是否安装完成和angular-cli的版本
安装完成之后我们就可以使用ng命令,下面开始创建项目。

3.安装完成之后,我们开始进行测试创建项目。

3.1执行命令:ng new JustForTest3.2创建好后我们启动执行命令:ng serve这样就可以直接启动项目

4.我们在浏览器中输入:http://localhost:4200可以直接访问

航测无人机las点云数据生成DEM “ 做航测的同僚都知道,Pix4D或者CC(ContextCapture)都可以生成DSM,往往高程点提取以及土方计算都需要用到DEM,PhotoScan软件可以提出地面点并只应用地面点连接三角网,然而分类效果差,生成的DEM不管是平整度还是精度,都不理想。而传统等高线生DEM需要耗费较长时间,以下提供一种参考方法,供大家探讨。 ” 1 点云数据 航测类软件大多可以生成点云数据,如Pix4D,PhotoScan,CC等,此次点云数据为citymapper2相片基于CC生产的Las点云。 2 筛选地面点 筛. 阅读详情

相关推荐

【数据结构】面试题整理 共36题

链表是一种常见的数据结构,它由一系列节点组成,每个节点包含数据和一个指向下一个节点的指针。与数组不同,链表中的元素在内存中不必是连续存储的,这使得链表在插入和删除操作时非常高效。单向链表(Singly Linked List):每个节点只包含一个指向下一个节点的指针。双向链表(Doubly Linked List):每个节点包含两个指针,一个指向下一个节点,一个指向前一个节点。循环链表(Circular Linked List):链表的最后一个节点指向第一个节点,形成一个环。

weixin_44329069的博客 7198

Angular.js入门教程

可以在组件中创建一个变量,并将其绑定到HTML中的一个元素上。以上是一个简要的Angular.js入门教程,涵盖了环境设置、创建新项目、运行应用程序、构建组件、数据绑定和服务等方面。Angular.js的核心是组件。这将在src/app目录中创建一个新的文件夹,其中包含my-component组件的HTML和JavaScript代码。这将在src/app目录中创建一个新的文件夹,其中包含my-service服务的代码。这将创建一个新的Angular应用程序,并将其放置在名为my-app的文件夹中。

m0_75198698的博客 1027

视频倍速 - 在线调倍速的加速器APP工具

一刀工具箱APP提供一键可将手机上的视频倍速播放,可以调整视频倍速的加速器,调节视频的速度也就是调节视频的播放速度!一键可将手机上的视频倍速播放,可以调整视频倍速的加速器,调节视频的速度也就是调节视频的播放速度!视频倍速-在线调倍速的加速器-一刀工具箱APP。...

无涯教程 7558

angular入门

JIT:先tsc编译成js文件,打包压缩,浏览器加载代码,启动angular,通过JIT编译处理代码,然后再渲染应用。父->子: @input() 父组件添加子组件的引用@ViewChild()来获取子组件。用来创建元素、文本、设置属性、添加样式和设置事件监听……删除node_modules包提示路径过长。2.单向 视图 -> 数据(事件)子-> 父: @Output()订阅Subject next订阅。ng help 查看所有指令。3.双向 视图 <–> 数据。1.单向 数据 -> 视图。

哈喽234的博客 1183

SystemVerilog实战:AXI Stream协议从零搭建(附完整代码解析)

本文详细介绍了如何使用SystemVerilog从零搭建AXI Stream协议,包括核心信号解析、接口设计、主从设备实现及验证环境构建。通过完整的代码示例和工程实践技巧,帮助开发者掌握AXI Stream在FPGA/ASIC设计中的高效数据传输方法,特别适合视频处理和网络数据传输等应用场景。

weixin_29207439的博客 360

5分钟搞懂异构图注意力网络(HAN):从元路径到节点聚合的全流程解析

本文深入解析异构图注意力网络(HAN)的核心原理与实战应用,从元路径设计到多级注意力实现的全流程。HAN通过节点级和语义级双重注意力机制,有效处理包含多种节点和边类型的异构图数据,在电商推荐、学术网络分析等场景展现卓越性能。文章提供DGL实现代码和调参技巧,帮助开发者快速掌握这一强大工具。

weixin_29056701的博客 311

安装 AngularJS

当你运行 npm i -g @angular/cli 时,你就是在全局范围内安装Angular CLI,这样你就可以在任何目录下使用它来创建和管理Angular应用程序。npm可能安装失败建议先用npm安装一下cnpm用淘宝镜像安装。下载完之后,建议关掉当前控制台,重新打开一下再使用。查看cnpm是否安装成功。

GeGe&YoYo的博客 792

海康工业相机使用教程

海康工业相机连接电脑教程

qq_43251445的博客 2万+

AngularJS进阶学习(二)

AngularJS 是一种流行的 JavaScript 框架,用于开发 Web 应用程序。它提供了许多功能,如依赖注入、控制器、指令、服务、过滤器等,使开发人员可以更轻松地构建复杂的 Web 应用程序。在这篇教程中,我们将介绍 AngularJS 的安装、使用、应用场景以及一些代码实例。

AI时代光年 1150

如何成为一名高级数字 IC 设计工程师(6-7)数字 IC 验证篇:DEBUG 技巧

不懂验证的设计不是好的设计;UVM 验证思维是指导缜密的芯片设计的导师;推荐书籍《芯片验证漫游指南》。

新芯设计的博客 1605

AgentScope实战训练营-Java开发HITL人机协作AI应用完整指南

本文手把手带你从零搭建一个基于 Spring Boot WebFlux + AgentScope + 通义千问的人机协作(HITL)AI 聊天应用。项目涵盖流式对话、工具调用、高危操作确认、对话中断、动态 MCP 工具接入、中英文双语界面等完整功能。文章从环境准备、pom.xml 配置、DTO 数据模型、Hook 机制、AgentService 核心服务、ChatController 接口到前端 HTML/CSS/JS 实现,逐一讲解每行代码的设计意图,并附带 REST API 接口说明、测试场景、常见问题

program哲学 713

与Yeoman,Grunt和Bower一起启动AngularJS开发

不管你喜不喜欢它,也没有否认,AngularJS是每个开发者的嘴唇的框架。 它可能不是每个人,但AngularJS有古怪,高效,强大的功能集。 夫妇,与一些有用的开发工具,像约曼,咕噜和鲍尔,你也得为自己的令人难以置信的快速快速成型工艺。 我们将介绍 这AngularJS教程将介绍: 生成裸露的骨头AngularJS与约曼应用 使用咕噜加快发展和帮助执行重复性任务 使用鲍尔添加第三方插...

223

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

AngularJs2起步

AngularJs(1)安装最新版本nodejs及npm (2)安装angular/cli,执行命令npm install -g @angular/cli (3)创建第一个应用项目,执行命令ng new my-app (4)进入my-app文件夹,执行命令cd my-app (5)启动服务器,执行命令ng server (6)浏览器访问地址:http://localhost:4200/He

zhgqr的博客 276

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

Angularjs学习---官方phonecat实例学习angularjs step0 step1

接下来一系列的文章都是学习https://docs.angularjs.org/tutorial的笔记,主要学习的angular-phonecat项目的实现,来介绍angularjs的使用. 1.下载angular-phonecat 使用git clone phonecat: git clone --depth=14 https://github.com/angular/angular-...

weixin_34252090的博客 135

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

angularjs学习笔记一

最近开始学习Angularjs,首先在Git上学习了一下:angular-seed 简单描述下安装部署过程: 1.首先要clone源文件到本地,如果没有Git,直接下载zip; 2.进入angular-seed根目录执行以下命令,如果失败了可以多试几次 sudo npm install 3.安装bower:sudo npm install -g bower 4.执行:bow

Livary24的专栏 682

The first girlfriend -- AngularJS

The first grilfriend – AngularJS protractor 专门为AngularJS的测试工具. 基于WebDriverJS 安装: npm install -g protractor. 这将会安装两个工具:protractor 和 webdriver-manager, 先运行一下 protractor --version 确认可以正常工作. webdriver-ma

JackDan9 409

AngularJS:应用的启动和执行过程

启动(startup): <!doctype html> <html ng-app> <head> <script src="http://code.angularjs.org/angular-1.1.0.min.js"></script> </head> <body> <p ng-init=" name='World' ">Hello {{name}}!</p> &l

laurel_y的博客 930

浅谈AngularJS启动引导过程

我们都知道AngularJS默认会执行app.js来启动整个angular项目,但你知道angular具体执行过程吗? 一、自动引导启动框架 例如我们有如下代码,我们想要完成一个指令功能: <html ng-app> <head> <script src="angular.min.js"></scri...

andao1961的博客 147

ionic+angularJs的App启动过程

Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果,尽管通常组件不需要编码,通过框架扩展可以很容易地使用,Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强

陈大牛的博客 3264

AngularJS的启动过程分析

启动过程 步骤1 用自执行函数的形式让整个代码在加载完成之后立即执行 inangular.js Line6 (function(window, document, undefined) 在window上暴露一个唯一的全局对象angular,Line250 /** @name angular */ //如果window.angular已经有值了,就把原有的赋值给

yijinyiyjy的专栏 1098

Angularjs启动过程

启动过程(v1.3.9) 步骤一 用自执行函数的形式让整个代码在加载完成之后立即执行 in angular.js Line6 (function(window, document, undefined) 在window上暴露一个唯一的全局对象angular,Line250 angular = window.angular || (window.angular = {

sunscheung的博客 592

快速启动你的AngularJS项目:AngularJS-Boilerplate推荐

快速启动你的AngularJS项目:AngularJS-Boilerplate推荐 在现代Web开发的世界中,快速启动一个新项目并保持高效的开发流程是至关重要的。如果你正在寻找一个强大的AngularJS启动模板,那么AngularJS-Boilerplate无疑是你的首选。本文将详细介绍这个开源项目的各个方面,帮助你了解其强大的功能和广泛的应用场景。 项目介绍 AngularJS-Boilerp...

gitblog_00355的博客 959

AngularJS启动过程分析

AngularJS启动过程分析 1111 app.controller('myCtrl',['$scope',function($scope){     $scope.wcrq=1234567890; }]); angular.bootstrap(document,['myApp']);   一定要在控制器后面启动,否...

LHL62411570的专栏 243

angularjs的启动方式

最近一直在看angularjs的一些东西,因为项目的需要所以开始着手学习什么是angularjs。下面简单的记录一下angularjs的启动,来看看这个框架是如何启动工作的。 我们在做简单的测试的时候通过下面的代码可以实现一个双向数据绑定的小例子: <!DOCTYPE html> <html> <head> <meta char...

294

AngularJS的启动引导过程

1.引导之前:库阶段 在示例中,我们定义了一个指令ez-duang, 它应该会展开成一个动画 显示出来。AngularJS代码: angular.module("ezstuff",[]) .directive("ezDuang",function(){ return { restrict : "E",

timeless的博客 1708
上一篇: 分布式链路跟踪 traceId spanId parentSpanId自定义业务处理:比如设置userId
下一篇: 左手执行力右手领导力-读后感
Java_sanlin
博客等级 码龄10年 9粉丝 17原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值