新版本的angular是基于Typscript的 不是js , angualr的项目 基于TypeScript compiler、webpack、Karma、Jasmine、Protracter 等模块。,而自己动手搭建这些模块很麻烦, ng cli命令可以帮我们省去这一麻烦的环节。
首先确保你的电脑上安装了 node, 如果没有请去node的官网安装匹配的版本。
1.全局安装cnpm ,使用cnpm创建项目骨架不仅可以提高网速, 而且可以避免报错,使用npm可能导致node-sass模块安装不上,so强烈推荐安装cnpm,在cmd中输入以下命令:
npm i -g cnpm --registry=https://registry.npm.taobao.org
2.安装ngcli, 在cmd中输入以下命令:
cnpm i -g @angular/cli
3.在cmd中输入ng, 回车如果安装成功, 会弹出ng的相关命令操作指南。
4.创建一个新的项目,名为HelloWord
ng new HelloWord
5.当@angular/cli 在自动生成好项目骨架之后,会立即自动使用 npm 来安装所依赖的 Node 模块,所以这里我们要 Ctrl+C 终止掉,然后自己进入项目的根目录,使用 cnpm 来进行安装。 相应命令:
cnpm install
6. 进入项目目录 输入相应指令启动项目:
ng serve
7 打开你的浏览器访问http://localhost:4200 如果你能看见和我一样的页面 恭喜你可以开始你的angualr之旅了