sulishibaobei
1.以前写过一个webstorm借助angular-cli搭建angular2.0项目的博客。 后来许久没有接触过angular,现在拾起来的时候发现已经更新,用法变了。所以来记录下,以免其他友看到照成误区。

2.这也是说明一个道理,别人写下的东西你不一定适用,因为技术的东西说变就变,谁知道的。

基于Node环境,安装angular-cli。  新版的已经变成安装@angular/cli。所以安装时:npm install -d @angular/cli

那么问题来了,一大堆错误,说缺少pathon和visual studio。还有说版本不兼容的,所以建议node的版本不要太高,也不用太低。第一次我用的7以上的版本说不支持。然后换成6.0以上也是不支持。最后换成6.9几用的好好的。

并不是所有人的电脑安装都会出问题的。

既然说缺少pathon那就安装吧。推荐一个网友的解决办法,我也是参照这个解决的,就不重复啰嗦  http://www.cnblogs.com/liangxiaojie/p/4595406.html

说到底会出错的原因都是因为npm是国外的,需要FQ,会有那么一丝丝不稳定。

不过建议大家先安装cnpm在装,就什么问题都,没有了。

npm install -g cnpm  

cnpm install -g @angular/cli

安装好angular/cli之后,就可以用ng命令啦。

例如:ng --version 查看版本号

ng help 帮助

当然最重要的还是用它创建工程。ng new 工程名    

然后会自动帮你创建所有的依赖,搭建成一个简单的模板,大概这样

node-modules会自动帮你创建,只是耗时比较长,建议一次下载多次copy。

运行项目试试,进入你的工程目录下,然后ng serve   默认是开启localhost:4200的。

所以浏览器里打开localhost:4200就可以啦。

 

 这是最简单的项目啦,当然你可以继续创建命令

例如运行ng g c user

它是四个四个创建的,配套吗!!

这些文件工程太大了,运行时可以打压,ng serve --prod --aot 也是可以的。

好了就介绍这些基础的,其实后面的使用并没有改变太多啦

 

分类:

技术点:

相关文章: