Angular2简单使用

来源:互联网 发布:帝国cms好还是织梦好 编辑:程序博客网 时间:2024/06/05 13:35

安装angular -cli(Windows)

安装node.js

node.js是angular的基础,或者说是很多前端框架的基础,包括vue、react等都是以它为基础的,所以要安装angular之前,先要下载安装node.js,一步步按着提示往下,安装完后查看环境变量中PATH是否多了node.js的路径。
PATH
在cmd界面使用node -v来测试是否安装成功,显示版本号即为成功
cmd
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中

原创粉丝点击