1.下载并安装node.js下载node.js

【Angular学习笔记】环境准备,并使用脚手架Angular -cli 搭建项目

2.下载并安装nmp

3.验证是否安装成功

【Angular学习笔记】环境准备,并使用脚手架Angular -cli 搭建项目

命令: node -v

            nmp -v

4.全局安装教授angular -cli,并验证是否安装成功

【Angular学习笔记】环境准备,并使用脚手架Angular -cli 搭建项目

安装命令:npm install @angular/cil -g  (下载。。。。。)

如果因网络原因什么的,安装失败,自需要命令删除, 命令:npm uninstall -g angular -cli

5.使用脚手架 angular -cli 搭建angular项目

【Angular学习笔记】环境准备,并使用脚手架Angular -cli 搭建项目

进入项目盘下,进行命令搭建,命令:ng new helloAngular(想要搭建的项目名称)

6.运行项目

【Angular学习笔记】环境准备,并使用脚手架Angular -cli 搭建项目

进入项目根目录运行命令:npm start 或者ng server

7.通过浏览器访问项目

【Angular学习笔记】环境准备,并使用脚手架Angular -cli 搭建项目

项目默认端口:4200,即localhost:4200

8.用vs code 查看项目结构

【Angular学习笔记】环境准备,并使用脚手架Angular -cli 搭建项目

搞定!

 

 

相关文章:

  • 2021-12-04
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-14
  • 2021-07-21
  • 2021-10-12
  • 2021-08-25
猜你喜欢
  • 2022-12-23
  • 2021-10-21
  • 2021-05-31
  • 2021-04-19
  • 2021-11-20
  • 2022-12-23
相关资源
相似解决方案