zoukankan      html  css  js  c++  java
  • angular 2.0 关于新版angularcli的应用

    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 也是可以的。

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

     

  • 相关阅读:
    微信Web开发者工具 移动调试 手机连接不上
    js 生成guid 自定义函数
    json
    c# 返回时间差
    Quartz.Net和队列应用demo
    数据库字段数字表示含义的枚举维护
    API文档自动生成,Swagger的配置
    请求资源文件报500错误
    文件上传三:base64文件上传
    文件上传二:FormData上传
  • 原文地址:https://www.cnblogs.com/sulishibaobei/p/6515416.html
Copyright © 2011-2022 走看看