当前位置: 首页 > article >正文

AngularJs入门之创建最简单HelloWorld Demo应用

1. 安装Angular Cli

运行命令

npm i -g @angular/cli

运行成功后显示:

2. 创建Hello World项目

下一步就是找一个目录,创建我们的Hello World项目,我是放在了C:\D\Study下面(我也很奇怪,为什么我在C盘要创建一个D的文件夹,哈哈...),于是怎么cd后到了文件夹下

然后运行

ng new hello-ng

中间会有一次询问,选择输入Y即可,然后几seconds之后,让你选样式表格式,我选择了默认的CSS,然后继续

到实际目录下搂一眼,如下:

3. 运行项目

然后用vscode打开

结构和Vue也差不太多,下一步跑一下

npm install

然后跑一下

npm run start

中间会弹出提示是否使用google分析,你可以选y或是n,不影响后续,我选了y, 然后等它几min,显示如下的信息时表示运行成功了。

4. 展示成果

访问:http://localhost:4200/,显示如下界面,至此一个最简单的AngularJS项目就完成了,后面就是一步一步的对它进行优化了。


http://www.kler.cn/a/506384.html

相关文章:

  • 以太网实战AD采集上传上位机——FPGA学习笔记27
  • 如何有效防止和解决IP劫持问题
  • level(三) filterblock
  • 【Vim Masterclass 笔记14】S07L29 + L30:练习课08 —— Vim 文本对象同步练习(含点评课内容)
  • 数据结构之双链表(C语言)
  • 【AI】【RAG】使用WebUI部署RAG:数据优化与设置技巧详解
  • Java ee 文件操作和IO
  • python-leetcode-单词规律
  • C# OpenCV机器视觉:图片去水印
  • 自然语言处理(GloVe):原理、特点、应用、技术、相关学术分享
  • ASP.NET Core - .NET 6 以上版本的入口文件
  • Python 爬虫爬取京东商品信息 ||京东商品详情API
  • 记一次CentOS扩容boot升级内核版本
  • 告别烦恼:WiFi出现感叹号?快速恢复网络畅通指南
  • electron 如何申请 Mac 系统权限
  • 【Tortoise-ORM】 基础与数据库操作
  • 力扣-数组-228 汇总区间
  • c#-Halcon入门教程——标定
  • 【C语言】内存函数详解与模拟实现
  • 神经网络基础-价格分类案例
  • 问:webpack与vite区别
  • gradle,adb命令行编译备忘
  • json().get() 和 json[““] 的区别
  • 【English-Book】Go in Action目录页翻译中文
  • ASP.NET Core - 选项系统之源码介绍
  • 怎么进行论文选题?有没有AI工具可以帮助~