codecamp

Angular4 开发实战:(1) Angular CLI

这一章来简单的介绍一下@angular/cli脚手架的使用。

快速安装

npm install -g @angular/cli

创建新项目

ng new angular-demo

启动项目

ng serve

还可以加上参数:

ng serve --open

使用--open(或-o)参数可以自动打开浏览器并访问http://localhost:4200/。
新建组件

ng g component component-name

ggenerate的缩写 还可以创建其他文件:

// 创建类  

ng g class class-name   


// 创建指令  

ng g directive directive-name   


// 创建模块  

ng g module module-name   


// 创建管道  

ng g pipe pipe-name   


// 创建服务  

ng g service service-name

启动测试

ng test

编译项目

ng build

更多命令:Angular CLI

如发现任何问题或有好的建议,欢迎在下方评论留言。


Angular4 开发实战:(2) 创建组件(Component)
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }