Angular 5.0 环境搭建

新项目用5.0 如何搭建环境

Angular官方给我们提供了一个命令行工具就是Angular CLI,通过这个工具我们能很容易的创建Angular项目。后期对项目的管理及构建等都是使用这么命令行工具。

1.安装nodejs

没有安装的直接去nodejs官网下载nodejs安装。安装过程很简单,官网有教程。

安装完成后,打开cmd

输入node -v 看看安装版本

2.安装cnmp

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

淘宝镜像:https://npm.taobao.org/

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

--

3.安装Angular Cli

angular-cli github有详细介绍。

之前电脑上如果安装过angular cli老版本的话建议先卸载,然后重新安装。

卸载老版本:

npm uninstall -g angular-cli

npm uninstall –save-dev angular-cli

卸载新版本:

npm uninstall -g @angular/cli

清除下缓存

npm cache clean

然后开始安装,记住,要用cnpm

cnpm install -g @angular/[email protected]

安装需要时间,耐心等待。 
安装完成后输入 ng help查看是否安装成功

原文 https://blog.csdn.net/yuzhiqiang_1993/article/details/70858829

原文地址:https://www.cnblogs.com/justlikethat/p/9764605.html

时间: 2024-11-08 06:16:32

Angular 5.0 环境搭建的相关文章

win764位Ruby2.0环境搭建之Ruby on Rails

一:安装Ruby 1.在http://rubyinstaller.org 下载需要的ruby版本,因为是exe文件,所以,你可以直接安装. 安装结束后,cmd上运行 ruby -v 显示版本号.如果正常显示Ruby版本号,表示安装成功. ruby安装好之后,通过cmd 命令运行 gem -v 验证RubyGems安装是否成功. 2.下载devkit文件,然后解压安装,选择自己想要的目录.(这一步的顺序挺重要,否则第4步操作可能会出错) windows下安装或升级时gem经常会碰到 Please

.Net Core + Angular Cli 开发环境搭建

一.基础环境配置 1.安装VS 2017 v15.3或以上版本 2.安装VS Code最新版本 3.安装Node.js v6.9以上版本 4.重置全局npm源,修正为 淘宝的 NPM 镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org 5.安装TypeScript cnpm install -g typescript typings 6.安装 AngularJS CLI cnpm install -g @angul

PhoneGap3.0 环境搭建android Demo

今日由于项目要求,使用到PhoneGap,以下是PhoneGap的android 环境搭建: 1.准备工作: (1)Nodo.js 环境,Java环境,android环境,PhoneGap环境,Ant环境,cordova环境(这个在配置PhoneGap环境会自动装)看到这么做的环境头都晕了,那么一个个解释吧. 2.Nodo.js  去官网http://nodejs.org/ 下载Node安装包,下载完毕安装完成即可. 3.装完nodo.js程序里就会出现  . 4.这下就有Node.js环境了,

AngularJS4.0环境搭建详解--windows系统环境

第一步:安装NodeJS 下载最新版的NodeJS并安装,安装完成后打开CMD命令行,输入以下命令: node -v 若返回类似版本号则代表NodeJS安装成功,如下: 第二部 安装npm 新版的NodeJS已经自带了npm 直接输入以下命令: npm -v 若返回类似版本号则代表npm已安装 第三步 全局安装 Angular CLI 命令工具 在cmd命令行输入以下命令: npm install -g @angular/cli 安装需要一段时间,请耐心等待! 安装完毕后,输入以下命令: ng

extJS4.2.0 环境搭建教程(一)

一.环境搭建 如图所示,必须文件包括resources目录下的所有内容,local下的文件,plugins文件夹,还有最重要的是这四个文件. 引用:: 1 <script type="text/javascript" src="<%=basePath%>extjs/locale/ext-lang-zh_CN.js"></script> 2 <link rel="stylesheet" type="

hadoop2.6.0 + spark1.4.0环境搭建(一)

今天给大家共享一下我的hadoop+spark环境的搭建,需要的软件有: hadoop 2.6.0(官网下载) spark 1.4.0(官网下载,有已经编译好的版本) jdk1.7.0_79 scala-2.10.5 我的测试机环境为两台,IP分别为192.168.0.30,192.168.0.31 一.用户建立及运行环境初始化 首先,在两台机器上建立专属用户 hadoop ,并建立/opt/modules目录,将该目录赋权给hadoop用户,使之具有读写功能.将上面所列的软件上传至module

MAC android Studio 5.0 环境搭建

MAC 环境: android Studio 0.8.14 JDK 1.7 adt version 21 今天准备搭建android5.0 开发环境 android Studio0.8.14       android studio 0.8.14 用的最新的google最新发布的版本,有些新的改进 启动android Studio 建立一个工程,放心,你无法建立成功,到用户目录下 .gradle/wrapper/dists/ gradle-2.1-all 目录,还有可能是其他版本的目录 grad

Angular2.0 环境搭建

最近在学习Angular2的使用,其实看过Angular2 文档的都知道,相比于之前的Angular1,Angular2 的改动还是挺大的. 而对于'angular2 的本地开发环境的搭建的中,我们首先要在本地安装nodeJS 我们可以到官网上clone 一个quickstart 的demo(如果想按着官网上写的用git 命令去clone 一个项目文件,就要先安装一个git) 也可以自己新建 然后在node.js command prompt 中进入项目文件所在的文件路径 然后执行 npm in

vs2012+qt5.2.0环境搭建

1.安装vs2012: 2.下载Qt 5.2.0 for Windows 32-bit(VS 2012, 579 MB) 和 Visual Studio Add-in 1.2.2for Qt5 注意: 此处不要选择64位的,否则插件会和qt不匹配,插件是32位的. 3.安装Qt 5.2.0 for Windows 32-bit,路径随便选(不建议包含中文): 4.安装 Visual Studio Add-in 1.2.2 for Qt5,默认安装: 5.在系统环境变量中添加QTDIR,值为第三步