angular项目开发
2024-10-07 10:26:09
第 1 步:安装 Angular CLI
你可以使用 Angular CLI 来创建项目、生成应用和库代码,以及执行各种持续开发任务,比如测试、打包和部署。
全局安装 Angular CLI。
要使用 npm
命令安装 CLI,请打开终端/控制台窗口,输入如下命令:
npm install -g @angular/cli
第 2 步:创建工作空间和初始应用link
运行 CLI 命令 ng new
并提供 my-app
名称作为参数,如下所示:ng new my-app
运行到第二步的时候发现node不是最新版本,所以需要升级node 具体操作查看另一篇文章:https://www.cnblogs.com/lynna/p/11969219.html
第 3 步:运行应用
Angular CLI 中包含一个服务器,方便你在本地构建和提供应用。
转到 workspace 文件夹(
my-app
)。使用 CLI 命令
ng serve
和--open
选项来启动服务器。
cd my-app
ng serve --open
===============================================实战应用===========================
使用 Angular CLI 生成一个名叫 bottom
的新组件。
ng generate component bottom
比如在index文件夹下生成一个子组件news
ng generate component index news
安装swiper插件
npm install swiper --save
最新文章
- git-简单流程(学习笔记)
- 如何将自己的windows设置为mysql服务器
- mac os 基本命令
- python数据结构与算法——图的基本实现及迭代器
- hiho 第116周,最大流最小割定理,求最小割集S,T
- Qt之Threads和QObjects
- ado.net的5个主要对象
- 高级I/O之非阻塞I/O
- 使用Fiddler捕获Java程序中的HTTP请求
- dropdownlist绑定和选中
- hey
- 以路由控制URL
- 基于Asterisk的VoIP开发指南——(1)实现基本呼叫功能
- java自动装箱拆箱总结
- 【刷题】【LeetCode】000-十大经典排序算法
- 【托业】【怪兽】TEST03
- cURL error 60: SSL certificate problem...
- SSAS 内部错误:操作未能成功
- HGOI20180812 (NOIP2018 提高组 Day1 模拟试题)
- Dubbo -- 系统学习 笔记 -- 示例 -- 分组聚合