Angular创建项目

Angular创建项目


文章目录

  • Angular创建项目
    • [1. 创建项目](#1. 创建项目)
      • [1.1 直接安装](#1.1 直接安装)
      • [1.2 跳过npm i安装](#1.2 跳过npm i安装)
    • [2. 运行程序](#2. 运行程序)

1. 创建项目

ng new 项目名称

1.1 直接安装

ng new angulardemo --同时会安装依赖包,执行的命令就是npm i

1.2 跳过npm i安装

ng new angulardemo --skip-install --不需要安装依赖包

进入到angulardemo 目录下,执行cnpm install 下载依赖包。如果不下载依赖包,执行运行程序会报错

这个就是文件目录结构

这样就创建好一个项目了

2. 运行程序

使用ng serve进行编译运行

启动页面就这样子的

相关推荐
CodeCraft Studio6 天前
前端表格工具AG Grid 34.3 发布:重磅引入AI工具包,全面支持 React 19.2!
前端·人工智能·react.js·angular·ag grid·前端表格工具·透视分析
黄毛火烧雪下7 天前
Angular 入门项目
前端·angular
患得患失94912 天前
【Angular 】Angular 中的依赖注入
angular
crary,记忆15 天前
MFE: React + Angular 混合demo
前端·javascript·学习·react.js·angular·angular.js
苏打水com1 个月前
前端框架深度解析:Angular 从架构到实战,掌握企业级开发标准
angular
KenkoTech1 个月前
Angular由一个bug说起之十九:Angular 实现可拓展 Dropdown 组件
angular
Liquad Li2 个月前
Angular 面试题及详细答案
前端·angular·angular.js
KenkoTech3 个月前
Angular由一个bug说起之十八:伴随框架升级而升级ESLint遇到的问题与思考
angular
KenkoTech3 个月前
Angular进阶之十三:Angular全新控制流:革命性的模板语法升级
angular
KenkoTech4 个月前
Angular进阶之十二:Chrome DevTools+Angular实战诊断指南
angular