码上敲享录 > AngularJS详解 > 新建angular2项目最简单教程

新建angular2项目最简单教程

上一章章节目录下一章 2018-04-29已有2084人阅读 评论(0)

新建angular2项目最简单教程

解决方法:

使用angular-cli工具创建,发布angular2项目


1.下载angular-cli工具

windows: npm install -g angular-cli

macOS: sudo npm install -g angular-cli


2.创建和初始化angular2项目结构

鼠标选中要创建angular2项目的目录(比如要在D:/items目录中创建名为ngx-admin项目,打开D盘,选中items目录),按shift+鼠标右键,选择“在此处打开命令行窗口”,输入一下命令:

ng new ngx-admin

如果已经存在ngx-admin目录,使用以下命令初始化项目结构:

ng init


3.鼠标选中项目ngx-admin目录,按shift+鼠标右键,选择“在此处打开命令行窗口”,输入一下命令启动项目:

npm start


4.访问localhost:4200即可


5.开发完成之后,可以执行以下命令编译打包,然后复制到tomcat即可访问


ng build

本文地址:http://www.yayihouse.com/yayishuwu/chapter/1223


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交