tnblog
首页
视频
资源
登录
不帅~~但是很暖心.....
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

angular环境搭建

3009人阅读 2020/3/24 16:35 总访问:287931 评论:0 收藏:0 手机
分类: Angular

开发工具:vscode

命令执行:快捷键( Ctrl+Shift+` )或者打开终端

近期一直写有关前端的东西,其实我是学后端C#.NET的,但是在公司里没办法项目需要只能逼自学咯,所以分享给大家,希望喜欢......(? ω ?)



教程开始:

首先在官网下载一个node.js并且安装,如果你不知道你是否已经安装了node,运行命令: node -v 

会出现相应的node版本 v10.16.3 


安装npm 最好使用淘宝镜像npm比较快些 官方的比较慢难等,云行命令:

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

如果出现以下信息表示安装成功


安装Angular环境下的cli的npm,因为刚刚我们使用了淘宝镜像安装,所以这里是cnpm

运行命令:cnpm install -g @angular/cli@latest

如果出现以下信息表示安装成功


下载yarn包,运行命令:npm i yarn -save --global


安装yarn,运行命令:yarn install   安装期间可能比较慢,请耐心等待....


接下来开始创建第一个Angular项目程序,运行命令:ng new my-app   my-app表示项目名称

如果出现以下错误信息(不出现错误请忽略)请转至文章https://www.tnblog.net/Shangjin123/article/details/3399查看解决问题

出现successfully字样表示项目成功创建


最后运行此angular项目,运行命令:ng serve --port 3066     --port 3066 表示设置端口为3066,但是这里选写,不设置端口默认为4200

看运行效果:


评价