Angular5入门与搭建项目
步骤 1. 设置开发环境
在开始工作之前,你必须设置好开发环境。
如果你的电脑里没有 Node.js®和 npm,请安装它们。
请先在终端/控制台窗口中运行命令
node -v
和npm -v
, 来验证一下你正在运行 node6.9.x
和 npm3.x.x
以上的版本。 更老的版本可能会出现错误,更新的版本则没问题。
然后全局安装 Angular CLI 。
1 | npm install -g @angular/cli |
步骤 2. 创建新项目
打开终端窗口。
运行下列命令来生成一个新项目以及应用的骨架代码:
ng new my-app
请耐心等待。 创建新项目需要花费很多时间,大多数时候都是在安装那些 npm 包。
步骤 3. 启动开发服务器
进入项目目录,并启动服务器。
cd my-app
ng serve --open
ng serve
命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。
使用 --open
(或 -o
)参数可以自动打开浏览器并访问 http://localhost:4200/
。
本应用会用一条消息来跟你打招呼:
以上都是官方网站给出的搭建项目的一些流程。
下面开始介绍Angular5可以使用的一些包管理工具
yarn 包管理(下载快,有条理,不像npm或者cnpm会卡住。)
安装方式: cnpm install yarn (附带官网地址:https://yarnpkg.com/lang/zh-hans/docs/install/)
初始化项目并安装依赖: yarn
运行: yarn start
分类:
Angular5+笔记
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器