1.Angular5的開發需要擁有node和npm環境
2.必須是node 6.9.x ,npm 3.x.x以上的版本
在終端(window+R)輸入node -v可以查看node的版本
輸入npm -v可以查看npm的版本
3.全局安裝Angular cli腳手架工具
cnpm install -g @angular/cli
4.創建angular項目
在angular5project裏新建我們的第一個文件夾helloworld
我們的angular5項目中有一個存放node_modules的文件夾(用來安裝angular5的模塊文件的),裏面有很多的文件。
因爲webstorm會爲你的每一個文件去創建一個索引,當它爲你的衆多文件去創建索引時,你會發現,它忙不過來啊,如果不通過一些設置的話,可能會卡死。那怎麼去解決呢?
在helloworld文件夾下創建一個要存放node_modules的文件,就命名叫node_modules
文件創建成功以後,我們在webstorm中打開我們的helloworld文件,點擊setting
點擊directories
選中node_modules文件,右鍵Exclude
然後點擊ok就可以了
這個工作完成以後呢,我們就可以進行我們的項目安裝了。
打開命令行,進入到我們的Angular5Project項目當中,輸入ng new HelloWorld,回車
執行完畢後進入到HelloWorld 中(cd HelloWorld),輸入ng sever –open
我們Angular5的項目就成功啓動啦~