Angular5項目的搭建

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的項目就成功啓動啦~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章