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

     

  • 相关阅读:
    Python3 sorted() 函数
    [Python网络编程]一个简单的TCP时间服务器
    [爬虫]统计豆瓣读书中每个标签下的前两百本书
    [leetcode]39. Combination Sum
    [leetcode]18. 4Sum
    [leetcode DP]72. Edit Distance
    [leetcode DP]120. Triangle
    [leetcode DP]91. Decode Ways
    [leetcode DP]70. Climbing Stairs
    [leetcode DP]64. Minimum Path Sum
  • 原文地址:https://www.cnblogs.com/taoyoung/p/Angular2.html
Copyright © 2011-2022 走看看