angular2.0最新版环境搭建与常见问题

2023-11-07

第一步:安装Node.js,npm(安装Node.js的时候自动就安装了npm)


第二部:安装npm,由于npm官网镜像访问太慢,我们使用淘宝的npm镜像,在node命令窗口(windows的cmd、linux的终端)$ npm install -g cnpm --registry=https://registry.npm.taobao.org


第三部:设置淘宝镜像,临时切换npm源为taobao源(速度快一点):npm config set registry https://registry.npm.taobao.org


第四部:安装"@angular/cli脚手架,$npm install --save-dev @angular/cli@latest


如果之前安装失败一定要卸载干净1:npm uninstall -g @angular/cli,2:npm cache clean


第五:测试,输入 ng -v,有版本信息说明安装成功

wKioL1jeGJOQ9RLiAAAhVsag69s868.png-wh_50


第六:建立Angular2的项目,新建一个文件夹(young),然后命令行进入这个文件夹输入ng new 项目名(ngtest)

wKioL1jeGy3CgHX2AAA8ckN0u_Y337.png-wh_50

这个过程可能会等一会儿(有可能很长时间,但是一定要有耐心),一直到出现下图最后一行的提示,说明整个项目的框架搭建完成

wKioL1jeG4uzwL6LAAAQTTXZ9Fs398.png-wh_50

我们用webstrom打开项目,就可以看到框架包含很多内容,这样也是使用AngularJS cli的好处,一句代码,整个项目所有的环境,都帮你建立好了

wKiom1jeHB6SbJfgAADAv87FWvQ360.png-wh_50

第七:启动项目,进入刚才新建的angular2的项目目录(ngtest),出现如图箭头所示表示成功

wKiom1jeHlHwntM8AAAwpZGnAz4905.png-wh_50

第八:不要关闭命令窗口,打开网页,输入:http://localhost:4200/,出现如图所示,终于大功告成啦

wKioL1jeHpexESGJAABLjkyNUlA096.png-wh_50

转载于:https://blog.51cto.com/11867302/1912151

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

angular2.0最新版环境搭建与常见问题 的相关文章

  • 为任何更新查询增加 Mongoose 文档版本的简单方法?

    我想开始利用 Mongooses 文档版本控制 v key 我在实际增加版本值时遇到了问题 然后我发现您必须添加this increment 执行查询时 有没有办法自动递增 目前 我只是将其添加到pre用于更新类型查询的中间件 module
  • 三个JS,给纹理添加镜面反射(光泽)

    我有一个纹理应用于 Three js 中的对象 我想为其添加一些镜面反射或光泽 我看到这样的例子 new THREE MeshPhongMaterial color 0x996633 specular 0x050505 shininess
  • 将 Regex 对象分配给 html 输入模式

    我需要以编程方式将正则表达式对象分配给输入元素模式属性 以下是我当前的实现 var regex d 5 element attr pattern regex toString slice 1 1 有没有更好的方法来做到这一点而不需要字符串操
  • 如何将值发布到输入框中?

    Intro I would like to get the current time after clicking at click and POST the value into input text box Note 假设包含引导样式表
  • 在节点环境中存根 jQuery.ajax (jQuery 2.x)

    我正在尝试运行一些需要存根的测试jQuery ajax 我正在使用 SinonJS 来做到这一点 它曾经与旧版本的 jQuery 1 x 一起工作得很好 var require jquery var sinon require sinon
  • 获取被调用的 javascript 文件的查询字符串

    是否可以在调用的 javascript 文件上使用 javascript 获取查询参数 如下所示 in html in file js console log this location query 这是否可能以某种方式实现 或者我必须使用
  • 更新存储在 chrome 扩展本地存储中的对象

    我正在开发一个 chrome 扩展 我将存储服务器发送的对象 例如 我将收到 命令 id 1 类型 A 大小 B 优先级 C 如果我有一个数据库 我会将其作为表中的一行插入commands 使用 chrome storage 我将这些对象的
  • onClick 处理程序在每个渲染周期触发

    我有这样的默认状态 this state selectedTab tab1 then 我的渲染方法是这样的 render const selectedTab this state return li tab1 li li tab2 li d
  • 如何将一个数组中的所有项目复制到另一个数组中?

    如何将数组的每个元素 其中元素是对象 复制到另一个数组中 以便它们完全独立 我不想更改一个数组中的元素来影响另一个数组 这里的关键是 数组中的条目是对象 并且 您不希望对一个数组中的对象的修改显示在另一个数组中 这意味着我们不仅需要将对象复
  • websockets 如何处理同一浏览器的两个选项卡

    I have 1 个 PHP 服务器 提供 http 请求 和 1 node js 发布更新的数据消息 每个连接都带有 websocket php 服务器设置其 cookie 在一个浏览器中 此 cookie 可在所有选项卡中使用 当浏览器
  • jQuery:将文本区域滚动到给定位置

    我有一个包含很多文本的文本区域
  • 可以禁用幻灯片的触摸模拟但不能禁用滚动条(危险的滑动器)吗?

    我的页面上有一个危险的滑动器 它成功地模拟了幻灯片和随附滚动条上的触摸事件 允许单击鼠标并移动以向左或向右滑动幻灯片 这很好 但我现在在滑动器内的幻灯片上调用了可拖动 这意味着我需要停止此触摸模拟 拖动幻灯片并同时移动它们会引起混乱 但仅限
  • 播放没有音频标签的音频

    是否可以在没有音频标签的情况下仅使用 javascript 播放音频 我通过 tinyMce 编辑器注入脚本 因为我无权访问网站的后端 并且它不支持客户端的音频标签 她只想要当您将鼠标悬停在图像上时发出简单的声音 我已经完成了所有设置 但是
  • 如何知道 .keyup() 是否是字符键(jQuery)

    如何知道 keyup 是否是字符键 jQuery input keyup function if key is a character such as a b A b c 5 3 2 etc not enter key or shift o
  • ES6 模块范围

    我有代码 lib js var a a export var b b main js console log a a variable is not available in a global scope import b from lib
  • 如何从 CSS 选择器中提取类名?

    故事 我目前正在构建一个 ESLint 规则 以警告在 CSS 选择器定位器中使用引导布局导向和角度技术类 目前我在字符串方法中使用简单的子字符串 for var i 0 i lt prohibitedClasses length i if
  • 从网页运行 ClickOnce 应用程序,无需用户操作

    我们有一个基于 Java 的 Web 应用程序以及用 C 编写的相同应用程序 如果 java 检查器发现客户端计算机上没有安装 Java 则应该运行该应用程序 这个想法是运行 C 单击一次 http en wikipedia org wik
  • React Redux - 在辅助函数中访问现有存储

    我试图在反应组件之外获取存储实例 存储状态 即在单独的辅助函数中 我有我的减速器 我的动作 我在最上面的组件中创建了一个商店 configStore js import createStore from redux import gener
  • onPress 方法中箭头函数与普通函数的行为

    正在学习 Native React 并学习更多关于 javascript 的知识 所以我仍然不明白它的行为的很多事情 我使用 TouchableOpacity 及其 onPress 属性创建了一个按钮组件 为了让它工作 我必须发送我想要执行
  • jQuery Mobile + Admob:轮换?

    我使用 jQuery Mobile 框架创建了一个移动应用程序 所有页面都在index php中加载 使用 div 在每个页面的页脚中 我添加了Admob代码 div div div

随机推荐

  • linux修改宝塔密码命令

    修改密码 将命令最后面的 newpassword 替换成你要改的新密码 cd www server panel python tools py panel newpassword
  • Unity3D UNET 模仿局域网游戏(二)

    紧接着上一篇博客 上一篇博客中 我们已经能够分别移动角色 并且控制他射击了 而且还稍微区分了一下不同的角色 这篇博客中我们继续讲解后面的内容 既然角色都已经可以射击了 那肯定还得需要一个血量对吧 所以现在我们就添加血量 给Player添加H
  • 介绍一个国内最快的CentOS YUM源

    介绍一个国内最快的CentOS YUM源 最近在使用CentOS 苦于CentOS的自带的源更新速度太慢 于是在互联网上找到了中科大中国官方镜像网站 http centos ustc edu cn 方便以后通过yum更新软件 CentOS
  • Acwing-872. 最大公约数

    d a a b gt d ax by a b b a mod b 证明 a mod b a a b b a c b 注 为下取整符号 a b 记为c 所以 a b b a c b b a mod b 以下证明 a b b a c b 对于左
  • ubuntu环境 安装opencv4

    前言 1 ubuntu环境 安装opencv4 2 编译opencv4 并移植到ARM64位开发板 正文 一 ubuntu环境 安装opencv4 1 安装opencv所需依赖库 sudo apt get install build ess
  • AD生成顶层丝印、底层丝印

    点击Altium Designer中File gt SmartPDF 设置将top layer bottom layer multi layer 设置为hide 分开生成top overlay bottom overlay 注意 不能同时都
  • CISP 考试教材《第 8 章 知识域:物理与网络通信安全》知识整理

    第 8 章 知识域 物理与网络通信安全 CISP 考试教材 第 1 章 知识域 信息安全保障 知识整理 CISP 考试教材 第 2 章 知识域 网络安全监管 知识整理 CISP 考试教材 第 3 章 知识域 信息安全管理 知识整理 CISP
  • 重装系统全流程

    重点 下载镜像网址 下载 Windows 10 microsoft com 不过不用下载 你的美均相U盘里面有下载好的Win10系统 重点注意 重启后拔优盘 安装时不要联网
  • 钱包终局之战:无私钥的未来

    从最日常和高频的注册 登陆 授权环节 降低 Web2 用户参与门槛 作者 Loopy Lu 编辑 郝方舟 出品 Odaily星球日报 ID o daily Web3 革命已经掀起 但从 Web2 迈进 Web3 的用户似乎并没有我们想象的多
  • 每天进步一点点——Linux中的文件描述符与打开文件之间的关系

    转载请说明出处 http blog csdn net cywosp article details 38965239 1 概述 在Linux系统中一切皆可以看成是文件 文件又可分为 普通文件 目录文件 链接文件和设备文件 文件描述符 fil
  • out can't be used with non-varying FragColor

    因为片段着色器缺少glsl的版本号 加上版本号就可以了 version 330 不能缺少 in vec2 TexCoord0 out vec4 FragColor uniform sampler2D gSampler void main F
  • Intel E810 Advanced RSS介绍

    一 Advanced RSS的特性 Legacy的RSS是对普通五元组 src ip dst ip src port dst port protocol 进行哈希 而且默认情况下是对报文的五元组同时进行哈希 Intel E810对RSS做了
  • 元件科普之稳压管

    1 简述 稳压二极管 英文名称Zener diode 又叫齐纳二极管 利用PN结反向击穿状态 其电流可在很大范围内变化而电压基本不变的现象 制成的起稳压作用的二极管 此二极管是一种直到临界反向击穿电压前都具有很高电阻的半导体器件 在这临界击
  • SpringBoot 接入 ELK - 动态索引详解

    1 说明 1 docker环境需要java maven环境 检查这两个 java version mvn version 2 本次ELK是使用docker运行的 ELK极其耗内存 服务器内存在4G及以内的 不建议安转 2 Linux mav
  • 【场景生成与削减】基于蒙特卡洛法场景生成及启发式同步回带削减风电、光伏、负荷研究(Matlab代码实现)

    欢迎来到本博客 博主优势 博客内容尽量做到思维缜密 逻辑清晰 为了方便读者 座右铭 行百里者 半于九十 本文目录如下 目录 1 概述 2 运行结果 3 参考文献 4 Matlab代码实现 1 概述 相关知识 基于概率距离削减法 蒙特卡洛削减
  • 数组函数some()、every()用法

    这两个方法用的其实并不多 但遇到了还是记录一下 some every 是用于判断数组的 1 some 不创建新数组 不改变原数组 判断为true则马上return true 否则return false let arr 1 2 3 4 5
  • UE4中常用的C++关键字:override

    override 描述 override保留字表示当前函数重写了基类的虚函数 目的 1 在函数比较多的情况下可以提示读者某个函数重写了基类虚函数 表示这个虚函数是从基类继承 不是派生类自己定义的 2 强制编译器检查某个函数是否重写基类虚函数
  • LeetCode 547. 朋友圈数量--无向连通图

    解析 方法一 DFS 遍历所有人 对于每一个人 寻找他的好友 找到好友后再找这个好友的好友 这样深度优先遍历下去 设置一个visited记录是否已经遍历了这个人 因为如果m个人最多m个朋友圈 设置后visited后 相同的朋友圈会检测到vi
  • 记录一些遇见的bug——项目启动报错Parameter 1 of constructor in com.example.filter.SimpleGlobalFilter required a bea

    记录一些遇见的bug 项目启动报错Parameter 1 of constructor in com example filter SimpleGlobalFilter required a bean of type org springf
  • angular2.0最新版环境搭建与常见问题

    第一步 安装Node js npm 安装Node js的时候自动就安装了npm 第二部 安装npm 由于npm官网镜像访问太慢 我们使用淘宝的npm镜像 在node命令窗口 windows的cmd linux的终端 npm install