Angular4.0环境搭建

1.安装nodejs 
先装nodejs,如果你的电脑已经装过了,最好确认是比较新的版本,否则可能会出问题 
没有安装的直接去nodejs官网下载nodejs安装. 下载地址:https://nodejs.org/en/download/

安装过程很简单,官网有教程。

安装完成后,打开cmd

输入node -v 看看node.js安装版本

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]

4.创建项目 
安装完命令行工具后我们就可以创建Angular项目了。 
首先,切换到项目的存放目录,我的是在E盘的Angular文件夹下 
输入 ng new projectName 
projectName就是你的项目名称,例如,我创建一个Test项目

5运行项目 
首先切换至项目目录,然后执行ng serve命令

打开浏览器,输入localhost:4200(默认端口)即可访问

6.按照IDE(VSCode)

下载地址:http://www.vscode.org/

原文地址:https://www.cnblogs.com/fqdt/p/9536884.html

时间: 2024-08-30 06:49:37

Angular4.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

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环境了,

Angular 5.0 环境搭建

新项目用5.0 如何搭建环境 Angular官方给我们提供了一个命令行工具就是Angular CLI,通过这个工具我们能很容易的创建Angular项目.后期对项目的管理及构建等都是使用这么命令行工具. 1.安装nodejs 没有安装的直接去nodejs官网下载nodejs安装.安装过程很简单,官网有教程. 安装完成后,打开cmd 输入node -v 看看安装版本 2.安装cnmp 由于Angular CLi的一些资源被墙掉了,所以这里我们使用淘宝的镜像去下载安装,否则会很慢并且很容易出问题. 淘

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

.Net Core+Angular Cli/Angular4开发环境搭建教程

一.基础环境配置1.安装VS2017v15.3或以上版本2.安装VSCode最新版本3.安装Node.jsv6.9以上版本4.重置全局npm源,修正为淘宝的NPM镜像:npminstall-gcnpm 一.基础环境配置 1.安装VS 2017 v15.3或以上版本2.安装VS Code最新版本3.安装Node.js v6.9以上版本4.重置全局npm源,修正为 淘宝的 NPM 镜像: npm install -g cnpm --registry=https://registry.npm.taob

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,值为第三步