安装angular cli
-
利用cmd窗口或是Windows自带的power shell 工具检查node.js与npm的版本,为了确保系统中 Node.js 的版本高于 6.x.x 且 npm 的版本高于 3.x.x,这里我用的是cmd:
-
第一步确认无误后,在命令行使用 npm 安装 TypeScript:
输入npm install -g typescript
-
国内用户可以先安装cnpm再输入
cnpm install -g @angular/cli
这样不容易撞墙,安装率大大提高,当屏幕出现打印的angular cli以及版本信息后才算成功:
创建一个angular的应用项目 -
如果想要在指定的文件下创建,可以打开文件在空白处按shift键同时右键,点击那个‘在此处打开命令窗口’运行cmd,或者在文件地址处输入cmd并按回车
-
打开后输入
ng new angular-test
(ps:'angular-test’为项目文件名),程序会自动帮我们安装应用程序的所有依赖 (package.json中配置的依赖项)和配置环境 -
输入
cd angular-test
进入新建的目录 -
输入
ng serve
运行 -
这时可以测试一下,打开浏览器,输入http://localhost:4200/ 运行
-
完成