Angular2简单使用
来源:互联网 发布:帝国cms好还是织梦好 编辑:程序博客网 时间:2024/06/05 13:35
安装angular -cli(Windows)
安装node.js
node.js是angular的基础,或者说是很多前端框架的基础,包括vue、react等都是以它为基础的,所以要安装angular之前,先要下载安装node.js,一步步按着提示往下,安装完后查看环境变量中PATH是否多了node.js的路径。
在cmd界面使用node -v
来测试是否安装成功,显示版本号即为成功
node.js中文网下载地址
安装@angular/cli
npm是随同NodeJS一起安装的包管理工具,我们使用npm来安装angular,但是由于一些众所周知的一些原因,npm可能无法安装或者说快速安装,所以我们使用淘宝的cnpm来安装,淘宝cnpm地址,首先安装cnpm,淘宝cnpm网站中有详细说明,可以按照上面的来,使用以下命令安装cnpm
npm install -g cnpm –registry=https://registry.npm.taobao.org
使用以下命令来安装angular2
cnpm install -g @angular/cli
如果想卸载,则使用以下命令
cnpm uninstall -g @angular/cli
可以通过ng –version来查看是否安装成功
使用angular2
我们就可以通过angular-cli来创建一个空目录,进入你要创建空项目的文件夹,使用以下命令来创建一个空项目
ng new myProject
如果显示图片中的黄字,则直接Ctrl+C取消吧,否则你可能要等死
进入项目路径下使用cnpm install
安装模块,安装完使用ng serve来启动服务(cnpm serve --prod --aot
可以自动aot(静态编译)最新angular-cli默认支持了)
如果想要发布该项目,则使用ng build --prod --aot
编译代码,完成后将代码直接拷到Tomcat中
- Angular2简单使用
- SpringMVC简单整合Angular2
- SpringMVC简单整合Angular2
- Angular2-使用Augury来调试Angular2程序
- Angular2中使用bootstrap
- Angular2 Http的使用
- angular2使用Http服务
- 使用angular2的[(ngModel)]
- angular2--pipe管道使用
- angular2学习使用心得
- angular2 cli 命令使用
- angular2中 使用mqtt
- Angular2路由的简单实用
- angular2.0使用组件样式
- angular2.0如何使用管道?
- ng2 angular2 使用bootstrap框架
- Angular2中如何使用jquery
- angular2-使用bootstrap-select插件
- Java NIO系列教程(五) 通道之间的数据传输
- C++虚函数简单总结
- hi,my first
- MTK(Android N)设置SDCard为默认存储
- java虚拟机(一)--内存区的划分
- Angular2简单使用
- VMware更改虚拟机网卡的MAC地址
- Matlab图像剪切,超出图像区域指定颜色填充
- c++11 map和unordered_map
- SSM框架配置多数据源连接不同的数据库
- java util工具类
- Java NIO系列教程(六) Selector
- spark mllib 相关使用
- 错误记录(10)SyntaxError: identifier starts immediately after numeric literal