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