Angular CLI脚手架的搭建 @angular/cli: ~7.3.6
*****先要安装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/
在浏览器输入它,即可启动项目
标签:
相关文章
-
无相关信息