加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

【Angular2】如何搭建Angular2的环境

发布时间:2020-12-17 09:21:12 所属栏目:安全 来源:网络整理
导读:【前言】 这篇文章主要给大家介绍如何搭建Angular2的运行环境。 因为我学这个是看着晓风的文档来的,下面的内容主要也都是晓风文档里有的。所以就给文章归类到转载里了,算是一个分享吧。 下一篇会继续分享如何创建一个项目。 【正文】 1.下载安装nodejs 打

【前言】

这篇文章主要给大家介绍如何搭建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,cnpmnodejsnpm用法一致,只是在执行命令时,将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


【总结】

单纯的分享一下这个技术的环境搭建, 帮助下没有摸到门道的同志们。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读