当前位置：首页» 网站推广 » 【建站服务】河南省杞县淘宝店铺设计-杞县淘宝天猫网店美工-杞县网店运营-杞县拼多多宝贝设计多少钱-杞县京东开店-杞县美团代运营-杞县阿里巴巴首页装修价格费用-杞县主图详情页编辑排版PS美工修图加水印-

【建站服务】河南省杞县淘宝店铺设计-杞县淘宝天猫网店美工-杞县网店运营-杞县拼多多宝贝设计多少钱-杞县京东开店-杞县美团代运营-杞县阿里巴巴首页装修价格费用-杞县主图详情页编辑排版PS美工修图加水印-

作者: 风兰 . 阅读量： 7 . 发表时间：2022-09-20 18:55:29

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

河南省杞县淘宝店铺设计-杞县淘宝天猫网店美工-杞县网店运营-杞县拼多多宝贝设计多少钱-杞县京东开店-杞县美团代运营-杞县阿里巴巴首页装修价格费用-杞县主图详情页编辑排版PS美工修图加水印-杞县logo设计-杞县商标注册-杞县知识产权申请-杞县高企认定

网站建设.png

杞县是革命老区，是豫东农民民武装起义的中心区，早在1925年8月，杞县建立了党组织。1938年中国共产党领导豫东人民建立水东抗日根据地，杞县属水东军分区 [20] ，抗日战争、解放战争时期，先后有3800多名英雄儿女献出了宝贵生命，为新中国的建立做出了突出贡献。 [6]

地理气候

编辑播报

杞县的经度：114.8度，纬度：34.5度，地处豫东平原，属温带大陆性季风气候，光照充足，雨量充沛，四季分明。年平均气温14.1℃，年降水量722毫米，无霜期210~214天。 [7]

行政区划

编辑播报

杞县辖1个街道、7个镇、13个乡，有金城街道、五里河镇、傅集镇、圉镇镇 [8] 、高阳镇、葛岗镇、阳堌镇、邢口镇、裴村店乡、宗店乡、板木乡、竹林乡、官庄乡、湖岗乡、苏木乡、沙沃乡、平城乡、泥沟乡、柿园乡、西寨乡、城郊乡。县人民政府驻金城街道。 [21]

Angular 2 TypeScript 环境配置

本章节使用的是 TypeScript 来创建 Angular 的应用，这也是官方推荐使用的，本教程的实例也将采用 TypeScript 来编写。

TypeScript 是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。

如果你不了解TypeScript，可以查阅以下资料：

TypeScript 入门教程
TypeScript 中文手册

这开始前，你需要确保你已经安装了 npm，如果你还没安装npm或者不了解 npm 可以查看我们的教程：NPM 使用介绍。

由于 npm 官网镜像国内访问太慢，这里我使用了淘宝的npm镜像，安装方法如下：

$ npm install -g cnpm --registry=https://registry.npmmirror.com

执行后我们就可以使用 cnpm 命令来安装模块：

$ cnpm install

第一步：创建与配置项目

创建目录

$ mkdir angular-quickstart
$ cd angular-quickstart

创建配置文件

Angular 项目需要以下几个配置文件：

package.json 标记本项目所需的 npm 依赖包。
tsconfig.json 定义了 TypeScript 编译器如何从项目源文件生成 JavaScript 代码。
typings.json为那些 TypeScript 编译器无法识别的库提供了额外的定义文件。
systemjs.config.js 为模块加载器提供了该到哪里查找应用模块的信息，并注册了所有必备的依赖包。它还包括文档中后面的例子需要用到的包。

在 angular-quickstart 中创建以下几个文件，代码如下所示：

package.json 文件：

{
  "name": "angular-quickstart",  "version": "1.0.0",  "scripts": {
    "start": "tsc && concurrently "npm run tsc:w" "npm run lite" ",    "lite": "lite-server",    "postinstall": "typings install",    "tsc": "tsc",    "tsc:w": "tsc -w",    "typings": "typings"
  },  "license": "ISC",  "dependencies": {
    "@angular/common": "2.0.0",    "@angular/compiler": "2.0.0",    "@angular/core": "2.0.0",    "@angular/forms": "2.0.0",    "@angular/http": "2.0.0",    "@angular/platform-browser": "2.0.0",    "@angular/platform-browser-dynamic": "2.0.0",    "@angular/router": "3.0.0",    "@angular/upgrade": "2.0.0",    "core-js": "^2.4.1",    "reflect-metadata": "^0.1.3",    "rxjs": "5.0.0-beta.12",    "systemjs": "0.19.27",    "zone.js": "^0.6.23",    "angular2-in-memory-web-api": "0.0.20",    "bootstrap": "^3.3.6"
  },  "devDependencies": {
    "concurrently": "^2.2.0",    "lite-server": "^2.2.2",    "typescript": "^2.3.4",    "typings":"^1.3.2"
  }}

tsconfig.json 文件：

{
  "compilerOptions": {
    "target": "es5",    "module": "commonjs",    "moduleResolution": "node",    "sourceMap": true,    "emitDecoratorMetadata": true,    "experimentalDecorators": true,    "removeComments": false,    "noImplicitAny": false
  }}

typings.json 文件：

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160725163759",    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",    "node": "registry:dt/node#6.0.0+20160909174046"
  }}

systemjs.config.js 文件：

/**
 * System configuration for Angular samples
 * Adjust as necessary for your application needs. */(function (global) {
  System.config({
    paths: {
      // paths serve as alias
      'npm:': 'node_modules/'
    },    // map tells the System loader where to look for things
    map: {
      // our app is within the app folder
      app: 'app',      // angular bundles
      '@angular/core': 'npm:@angular/core/bundles/core.umd.js',      '@angular/common': 'npm:@angular/common/bundles/common.umd.js',      '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',      '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',      '@angular/http': 'npm:@angular/http/bundles/http.umd.js',      '@angular/router': 'npm:@angular/router/bundles/router.umd.js',      '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',      // other libraries
      'rxjs':                       'npm:rxjs',      'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api',    },    // packages tells the System loader how to load when no filename and/or no extension
    packages: {
      app: {
        main: './main.js',        defaultExtension: 'js'
      },      rxjs: {
        defaultExtension: 'js'
      },      'angular2-in-memory-web-api': {
        main: './index.js',        defaultExtension: 'js'
      }
    }
  });})(this);