【Angular2】如何搭建Angular2的环境
2017-04-29 20:28
330 查看
【前言】
这篇文章主要给大家介绍如何搭建Angular2的运行环境。 因为我学这个是看着晓风的文档来的,下面的内容主要也都是晓风文档里有的。所以就给文章归类到转载里了,算是一个分享吧。 下一篇会继续分享如何创建一个项目。【正文】
1.下载安装nodejs
打开nodejs官网,点击硕大的绿色Download按钮,它会根据系统信息选择对应版本(.msi文件)。node.js插件在windows系统下是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm命令。
PS:Angular2基于node.js,所以要先安装nodejs环境
2.安装cnpm
在cmd命令窗口中直接输入:npm install cnpm -g --registry=https://registry.npm.taobao.org
按下enter键直接执行,如下图所示:
安装完毕之后,需输入:
cnpm –v
查看版本号或者关闭命令提示符重新打开,否则安装完毕后直接使用会出现错误。
PS:由于npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,继而淘宝团队生产一个完整的npmjs.org镜像,用cnpm代替npm,cnpm与nodejs的npm用法一致,只是在执行命令时,将npm改为cnpm
3.安装typescript和typings
用npm安装typescript和typings,在命令提示符中直接输入:cnpm install –g typescript typings
PS:angular-cli是用typescript写的,所以需要安装typescript和typings
运行完毕之后,查看版本确定是否安装成功,在命令提示符中直接输入:
tsc –v
出现版本号,即为安装成功
4.安装angular-cli
用cnpm安装angular-cli,直接在命令提示符中输入:cnpm install –gangular-cli@latest
【总结】
单纯的分享一下这个技术的环境搭建, 帮助下没有摸到门道的同志们。相关文章推荐
- 【Angular2】如何搭建Angular2的环境
- [Angular2]eclipse中angular2开发环境的搭建
- 如何搭建Angular的环境
- [Angular2]eclipse中angular2开发环境的搭建
- [Angular2]eclipse中angular2开发环境的搭建
- 如何搭建Struts 2 开发环境
- 我是如何进行Spring MVC文档翻译项目的环境搭建、项目管理及自动化构建工作的
- 如何使用编译生成的release搭建nfs boot环境
- Angular2开发环境搭建@WebStorm
- iOS---------如何搭建ipv6环境
- 使用Docker如何搭建Web漏洞测试环境?
- 如何搭建一个SpringMVC的开发环境(非注解)
- Angular环境搭建
- 如何在Windows下搭建Android开发环境(转)
- 如何搭建Eclipse +Apache Tomcat配置Java开发环境
- Windows 8(64位)如何搭建 Android 开发环境与真机测试
- 如何在 NodeJs 上搭建 React 开发环境
- 如何在您的笔记本上搭建View 演示环境 -1.环境准备 推荐
- mac下 搭建Cordova+ionic+AngularJs开发环境
- 【angular】环境搭建及遇到的问题