zoukankan      html  css  js  c++  java
  • Angular2环境搭建

    一、环境准备:

    先安装node,npm会与node一起安装到环境中。

    node准备

    npm准备

    二、安装环境

    首先安装TS的

    npm install -g typescript typings

    为啥安装它,ng2使用的开发语言是TS
    接着安装angular-cli,按照官方文档嗦的,这是个工具,能够帮你快速创建ng2的工程,做个工程空架子吧,可以省很多事.

    npm install -g @angular/cli  

    如果想用cnpm的话,可以走如下步骤

    npm i -g cnpm|cnpm i -g @angular/cli

    第一次用npm下载是慢了点,但是楼主发现,创建的工程是可以重复利用的,为啥这么说?有两种方式,一种就是你在new工程的时候,会卡顿安装工程所需要的那个文件:node_models这个文件,蛮久的吧,要是每次创建工程都要等辣么久不是很生气吗~可以直接跳过安卓node_models这步,复制以前创建的工程的node——moelds文件,这是大漠穷秋老师的方法,另外一个呢,我可能比较懒,直接整个工程赋值了,改了一下名字也可以使用哈

    三、angular-cli的使用

    新建一个项目:

    ng new 项目名 

    生成文件的目录结构如下

    然后启动

    cd angularProject 
    ng serve(默认端口4200) --port 4201 可是设置启动端口

    然后在浏览器输入默认的端口或者你设置的端口,就可以看到效果啦

    有的时候会报错。 

    You seem to not be depending on "@angular/core". This is an error.

    执行

    npm i-d

    然后重新启动,就可以看到如下效果

    在地址栏输入:

    http://127.0.0.1:4200/

    就可以看到以下界面

    利用cnpm进行插件的安装

    npm i -g cnpm  #安装cnpm
    cnpm version  #查看版本 
    cnpm i -g angular-cli   #安装angular-cli
    cnpm install  #安装插件
    ng serve   #启动ng

    如果网络还是不顺畅的话,安装cnpm镜像。 

    由于众所周知的原因,http://npmjs.org 的站点访问经常不是很顺畅,这里给出一个由淘宝团队维护的国内镜像 http://npm.taobao.org/ 。安装好node后,请输入npm config set registry https://registry.npm.taobao.org

  • 相关阅读:
    TCP/IP(四)网络层
    TCP/IP(二)物理层详解
    TCP/IP(一)之开启计算机网络之路
    TCP/IP中你不得不知的十大秘密
    ASP .NET Core 基本知识点示例 目录
    微服务 + Docker + Kubernetes 入门实践 目录
    ASP.NET Core 中的实时框架 SingalR
    ASP.NET Core WebAPI中使用JWT Bearer认证和授权
    .NET Core 中的通用主机和后台服务
    EF Core 实现多租户
  • 原文地址:https://www.cnblogs.com/shawWey/p/7842739.html
Copyright © 2011-2022 走看看