素材巴巴 > 程序开发 >

Angular CLI脚手架的搭建 @angular/cli: ~7.3.6

程序开发 2023-09-07 15:02:42

*****先要安装node.js,使用npm包管理工具 node.js安装方法如下*****

https://blog.csdn.net/shiyaru1314/article/details/54963027

https://blog.csdn.net/qq_42564846/article/details/82688266

 

大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。

淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

安装 Angular CLI 脚手架

安装的版本   "@angular/cli": "~7.3.6"

npm install -g @angular/cli

 

使用 Angular CLI 脚手架生成项目

Angular CLI 为我们提供了两种方式,用于创建新的应用程序:

因此 ng new 与 ng init 的功能是相似的,只是 ng new 会为我们创建新的目录。

假设你还未创建新的目录,那么我们需要使用 ng new 命令来创建新的项目:

ng new my-app

然后会问你两个问题,如下:

第一个问题意思是你是否安装   angular路由    我选择安装

第二个问题意思是你想要使用的css预处理器是什么   我选择了sass

 

目录结构

 

启动项目

 

 

安装完成后,进入my-app文件夹下

cd my-app

然后启动项目

ng serve

或者  npm start

angular-cli的默认项目地址是 http://localhost:4200/

在浏览器输入它,即可启动项目

 


标签:

上一篇: antd弹窗使用 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。