zoukankan      html  css  js  c++  java
  • Angular2入门学习

    最近项目使用angular2,1和2版本变化大变样。下面总结一些学习网址及安装步骤。

    中文官网(必看):

    https://angular.cn

    懒人学习:

    http://www.imooc.com/learn/789

    支持bootstrap UI组件

    https://github.com/angular-ui/bootstrap

    大漠老师杰作(有视频源代码):

    http://git.oschina.net/mumu-osc/NiceFish

    安装环境,首先需要安装cli,记得全局安装

    #angular cli安装
    npm install -g angular-cli

    cli安装后,我们可以用ng开头的指令(就当做npm理解就行),下面创建项目

    #cmd到项目目录下,创建项目 
    ng new project_name
    #进入项目目录
    cd project_name
    #安装相关项目包,具体包package.json里的dependencies和devDependencies有体现
    #下面步骤用npm install也可以
    ng init

    包安装好后,可以启动我们的项目,执行后,我们可以在http://localhost:4200中打开

    #启动项目
    #下面步骤用npm start也可以
    ng serve

    想同事打开多个项目,可修改项目端口号

    #修改默认端口4200 -> 修改为(3000) 
    ng serve --port 3000
    或 ng serve -p 3000

    还有一个方法修改项目端口但不推荐

    项目目录 ode_modulesangular-clilibconfigschema.json
    #serve中 "default": 4200 改为 "default": 3000

    最后的打包发布

    ng build
  • 相关阅读:
    逐步实现python版wc命令
    Linux中短横线(-)小记
    memcached启动脚本(class练习)
    nginx启动脚本(class练习)
    Python-类的方法
    re模块
    shutil模块
    时间模块(time/date)
    迭代器
    生成器
  • 原文地址:https://www.cnblogs.com/Anlycp/p/7080642.html
Copyright © 2011-2022 走看看