2。建立第一個angular應用，已經開發前的一些配置

 

 

如今咱們開始新建一個angular5的腳手架  。

到想要建項目的目錄下。好比個人 在  D:\JsProjects

進入cmd或者powershell cd 進入該文件夾下

而後開始新建，ng new 項目名

固然第一次，會有點慢。這個過程若是出錯，設置淘寶的Npm鏡像。

能夠了，只要不報ERR就好了，警告能夠無視。

如今你能夠npm start 來運行該項目了。

首先進入項目的文件夾    。

cd demo1

輸入   npm start

ok,angular 應用已經開啓了，運行在 http://localhost:4200 上

接下來咱們來看一下他的目錄吧。

只用webstorm打開該文件夾         。

你能夠看到。angular-cli已經  幫咱們建立了一些基本的文件。

通常來講，不須要咱們主動的修改這些文件，咱們只修改src文件夾下的代碼就能很是好的開發一個angular應用。

將剛剛powershell關閉，不然會有端口衝突。

固然首先把這個取消掉，tslint。不太須要吧。一些代碼的強制規範。我是不太喜歡的。

固然webstrom 的默認字體是很是難看的。

用這個字體吧。至少看起來比較舒服。

ok,爲當前項目配置一個啓動。

            

編輯配置，添加一個新的配置文件。選擇npm

OK,只須要按照如下配置，Name是隨便取的。Command 選擇start 。

保存就夠了。

  點擊綠色小箭頭就夠了。

OK，開發前的一些配置，就差很少完了，下一節開始開發angular。