首页 > 代码库 > Angular2.0 环境搭建

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

 

 

 

 

Angular2.0 环境搭建