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