這篇文章將為大家詳細講解有關Angular項目如何實現新建，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

安圖網站制作公司哪家好，找創新互聯！從網頁設計、網站建設、微信開發、APP開發、成都響應式網站建設公司等網站項目制作，到程序開發，運營維護。創新互聯成立于2013年到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選創新互聯。

一、新建Angular程序

1.安裝nodejs

2.安裝淘寶鏡像

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安裝angular cli

npm install -g @angular/cli

4.新建項目

ng new myProj

5.安裝依賴包

在有package.json的目錄下cnpm install

6.IDE中運行

ng serve 或 npm install， 在localhost:4200中查看

二、打包

ng build,會在項目文件夾下生成dist文件，里面是打包后的文件。

三、部署

在nginx官網中下載nginx

把dist文件夾下的打包文件拷貝到nginx/html下并重命名為myProj

修改conf/nginx.conf文件
location / {
   root html/myProj;
   index index.html index.htm;
  }

點擊nginx.exe啟動nginx

在瀏覽器中輸入localhost:80即可看到項目

這個時候，我們只需要把nginx打包發給朋友，然后告訴他點擊nginx.exe后，在瀏覽器中輸入localhost:80即可。

關于“Angular項目如何實現新建”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

文章題目：Angular項目如何實現新建
網站鏈接：http://vcdvsql.cn/article0/gjidio.html

成都網站建設公司_創新互聯，為您提供手機網站建設、標簽優化、虛擬主機、關鍵詞優化、電子商務、ChatGPT

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯