搭建Angular4.0的开发环境


Angular1.0 (俗称:angular.js)到 Angular4.0(俗称:angular)完全就是重写

安装Node.js、Angular CLI、Webstorm;

   1.  node安装地址: 点击打开链接

        命令行查看你安装的node以及npm版本:

        node -v    查看node版本

        npm -v      查看npm版本 (NPM是随同NodeJS一起安装的包管理工具)

2.  Angular CLI安装:
     因为angular-cli是用typescript写的,所以要先装这两个:npm install -g typescript typings
     再安装angular-cli:   npm install -g @angular/cli@latest (卸载:npm uninstall -g angular-cli  、npm cache clean )

    安装慢可以通过设置淘宝镜像,这样下载东西就是从国内网站下载了:npm configset registry https://registry.npm.taobao.org
    查看成功安装版本:ng --version
    失败原因及解决办法:缺少Python环境
    Python下载地址:点击打开链接

3.Webstorm 开发工具安装地址: 点击打开链接

以上都安装好我们就可以开始创建工程了:
  1.  创建工程: ng new 工程名 
     成功创建如下图:
                

      然后会自动帮你创建所有的依赖,搭建成一个简单的模板,如下图:
        

    
    2. 我们可以用命令行进入到我们刚创建的工程目录下运行:ng serve 启动服务(默认是开启localhost:4200端口的服务)

        浏览器地址栏输入:localhost:4200就可以访问,如下图:

        成功启动服务:

      浏览器访问效果:
        

    3. 发布项目时可以使用命令打包: ng build --prod --aot

最后附上学习之路:

TypeScript基本语法

https://zhongsp.gitbooks.io/typescript-handbook/content/doc/handbook/tutorials/index.html

angular4基本概念,组件,路由,模块,指令,表单,依赖注入,provider,模版表达式等

https://angular.cn/docs/ts/latest/

https://angular.io/docs/ts/latest/guide/

Material

https://material.angular.io/


一些知识点:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值