Angular2搭建环境
发布日期:2021-10-01 22:20:00 浏览次数:2 分类:技术文章

本文共 755 字,大约阅读时间需要 2 分钟。

一、搭建环境:

1.下载安装node.js:
打开,下载完成后,双击安装,一直下一步就好。
这里写图片描述
输入命令验证node.js

node -vnpm -v

这里写图片描述

2.安装cnpm:

npm install cnpm -g -registry=https://registry.npm.taobao.org

安装完毕之后,需输入:

cnpm -v

这里写图片描述

3.安装typescript和typings:

cnpm install -g typescript@2.2.2 typings

安装完成后,查看版本是否安装成功,输入:

tsc -v

这里写图片描述

出现版本号,即为安装成功。

4.安装@angular/cli:

cnpm install -g @angular/cli@1.0.0

这里写图片描述

验证@angluar/cli是否安装成功,输入:

ng version

这里写图片描述

即为成功。

二、项目流程:

1.下载安装webstorm-持续集成服务器:
下载:
2.新建angular2项目:

ng new angular-cli-project

注:angular-cli-project这是项目名称,更具实际来命名

这里写图片描述
进程运行到最后绿色这,按两次“Ctrl+C”,终止创建。
3.定位到项目目录:

cd angular-cli-project

这里写图片描述

4.安装项目依赖的所有node.js包:

cnpm install

这里写图片描述

5.启动web服务器:

ng serve

这里写图片描述

效果图

这里写图片描述

三、遇到的问题:

在搭建环境时,走到第四步安装@angular/cli时,遇到错误
这里写图片描述
解决了一天,也没有解决成功,第二天一试,竟然成功了,我找原因,一是我卸载了昨天安装@angular/cli,卸载命令

npm cache clean

二是我对电脑进行了全盘查毒。具体原因到现在我也不太清楚,有点奇怪。

转载地址:https://blog.csdn.net/j15533415886/article/details/78578326 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:【AJAX】Ajax-向服务器发送请求何时用Get/Post
下一篇:【软考之旅】总结

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2024年03月31日 16时24分17秒