angular入门 - 环境安装及项目创建
2024-09-01 13:01:58
1.安装node.js
- 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本)
- 下载地址:https://nodejs.org/en/download
2.安装angular cli
- 安装typescript(新建项目的时候会自动安装,此时也可以不进行安装):
npm install -g typescript - 安装angular cli :
npm install -g @angular/cli - 验证:
ng version 出现版本信息即安装成功。 - 注意:由于安装需要访问外网,速度可能慢导致失败,可以从淘宝镜像来进行安装
npm config set registry https://registry.npm.taobao.org
再安装cnpm代替npm命令:npm install -g cnpm
再安装angular cli:cnpm install -g @angular/cli
3.创建新项目:
- 在终端中,进入想要创建项目的地址执行 :ng new 项目名称
- 执行完该命令后会下载相应的npm包,耐心等待
- 注意:执行ng new first-app后会有一段提示说【'git' 不是内部或外部命令,也不是可
运行的程序或批处理文件。】,这个和本地没有安装git有关,但是不会影响项目。
4.运行项目:
- 在终端中进入项目所在文件夹:cd first-app;
- 然后执行ng serve,服务启动了,访问http://http:localhost:4200,能访问到即项目搭建成功。
ctrl+c命令退出指定状态,可以关闭服务(很多命令和linux下的较为相似)
5.至此,一个angular项目就可以跑起来了。
转自:
https://www.cnblogs.com/zhangsansan/p/9208873.html
最新文章
- jQuery 中的 39 个技巧
- C# 退出程序方法
- Asp.net 字符(二)
- RabbitMQ学习总结 第六篇:Topic类型的exchange
- [shell基础]——paste命令
- c#操作XML文件的通用方法
- Web---文件上传-用apache的工具处理、打散目录、简单文件上传进度
- jQuery支持mobile的全屏水平横向翻页效果
- Linux打开windows 的txt文件,乱码的问题
- WindowsForm 增 删 查 改
- hdu 质方数
- eclipse创建Maven父子结构Maven项目
- LeetCode 581. Shortest Unsorted Continuous Subarray (最短无序连续子数组)
- nodejs爬虫笔记(五)---利用nightmare模拟点击下一页
- EasyUI 二次加载toolbar异常问题解决
- class AClass<;E extends Comparable>;与class AClass<;E extends Comaprable<;E>;>;有什么区别?
- JavaScript根据经纬度获取距离信息
- 【IOS 开发】基本 UI 控件详解 (UIDatePicker | UIPickerView | UIStepper | UIWebView | UIToolBar )
- PHP的Memcached简单实现
- entity framework codefirst 用户代码未处理DataException,InnerException基础提供程序在open上失败,数据库生成失败
热门文章
- 使用druid连接池的超时回收机制排查连接泄露
- Linux 内存分配失败(关于overcommit_memory)
- ICPC 2019-2020 North-Western Russia Regional Contest
- 《Microsoft Visio 2013 Step by Step.pdf》
- mac 安装rabbitmq出现的问题
- dbcp_c3p0连接mysql8.0.13
- Js 之生成二维码插件(jquery.qrcode.js)
- 本周JavaScript学习小结
- CPU | 物理 CPU vs 逻辑 CPU vs 核心 vs 线程 vs Socket
- OpenGL ES: (3) EGL、EGL绘图的基本步骤、EGLSurface、ANativeWindow