zoukankan      html  css  js  c++  java
  • Angular2.0 基础: 环境搭建

    最近在学习Angular2的使用,其实看过Angular2 文档的都知道,相比于之前的Angular1,Angular2 的改动还是挺大的。

    而对于‘angular2 的本地开发环境的搭建的中,我们首先要在本地安装nodeJS

    • 我们可以到官网上clone 一个quickstart 的demo(如果想按着官网上写的用git 命令去clone 一个项目文件,就要先安装一个git)

    也可以自己新建

    然后在node.js command prompt 中进入项目文件所在的文件路径

    然后执行 npm install (其实这个install 是一个下载Angular2 module库的个过程),

    执行完后,你会发现在项目文件下多了一个node_modules 的文件

    然后就可以在你的编译器下打开该项目文件,进行本地编辑开发。

    编辑完成后再回到node.js command prompt 执行npm start 命令。就可以看到相应的结构。

    • 配置webStorm

           首先我我们要在webstorm 的settings 里对TypeScript 进行配置,如图配置你的nodejs 的安装路径

       然后我们如果想在webStorm里创建Angular2的项目,可以再安装Angular CLL

    • 在使用webstorm开发Angular2 的工程中可能出现的问题:
    1. can not find module ****

      这个问题的出现有可能 一: 是Webstorm 的TypeScript 没有进行相应的配置

                二: node_module 没有导入(可以直接拷贝进来。也可以用nodejs 命令下载 npm install)

                  好像下载前要确保你的项目文件下有package.json,tsconfig.json,systemjs.config

     

  • 相关阅读:
    UEditor用法
    String,StringBuffer与StringBuilder差异??
    TsFltMgr.sys其原因是,该系统蓝屏QQ计算机管理器!
    Linux编程实现守护进程
    开机黑屏 只显示鼠标 电脑黑屏 有只老鼠 举 [我们已经成功地解决了]
    页面背景图像的代码
    动态规划01背包问题
    关键部分CCriticalSection使用
    编程:获取股票实时行情数据大全
    iphone开发教程下载
  • 原文地址:https://www.cnblogs.com/taoyoung/p/Angular2.html
Copyright © 2011-2022 走看看