2。創建第一個angular應用,已經開發前的一些配置
阿新 • • 發佈:2017-12-21
規範 編輯 com alt 基本 web ebs local 新的
現在我們開始新建一個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。
2。創建第一個angular應用,已經開發前的一些配置