angular2学习1：用angular cli创建新项目

安装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/ 运行

• 完成

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！