【Angular4專案在linux環境構建與部署】--(1)環境配置
1.用xshell連線伺服器
2.放置壓縮檔案
用winscp或者xftp將本地下載好的jdk 壓縮包 nodejs壓縮包 和NGINX壓縮包放到伺服器的/usr/local下。或者用wget命令直接下載三個檔案。
3.解壓三個壓縮包
tar xvJf ***.tar.xz //解壓tar.xz格式檔案
tar -xzvf ***.tar.gz //來解壓tar.gz格式檔案
輸入命令 cd /usr/local 定位到當前資料夾下,然後用以下命令先後解壓三個壓縮包:
tar xvJf node-v6.10.3-linux-x64.tar.xz
tar -xzvf nginx-1.13.5.tar.gz
jdk-8u144-linux-x64.tar.gz
4. 配置jdk 和 node js環境變數,
Angular基於node.js,所以要先安裝node.js環境
(1)配置nodejs環境變數
①輸入vi /etc/profile,開啟profile這個檔案,然後按下“i”進入可編輯狀態,輸入如下配置資訊,然後按下“esc”,輸入 “:wq”,回車退出,即為環境變數設定完畢。(整個過程在英文狀態下)
export NODE_HOME=/usr/local/node-v6.10.3-linux-x64
export PATH=$PATH:$NODE_HOME/bin
exportNODE_PATH=$NODE_HOME/lib/node_modules
配置如下圖示:注意nodejs的版本號和檔案位置問題
②使配置的環境變數生效輸入命令: source /etc/profile
③生效後檢視版本號:node -v
(2)配置jdk環境變數
①和nodejs類似,輸入命令vi /etc/profile,開啟profile這個檔案,然後按下“i”,進入可編輯狀態,輸入如下配置資訊,然後按下“esc”,輸入 “:wq”,回車退出,即為環境變數設定完畢。(整個過程在英文狀態下)
JAVA_HOME=/usr/local/jdk
CLASSPATH=$JAVA_HOME/lib/
PATH=$PATH:$JAVA_HOME/bin
exportPATH JAVA_HOME CLASSPATH
這裡請注意解壓之後的資料夾路徑與名稱必須與環境中的java_home設定保持一致。
②使環境變數生效命令:source /etc/profile
③檢視版本號:java -version
(3) 配置環境變數成功
這塊配置環境變數的過程命令如下圖示表示配置成功
5.安裝angular依賴包和命令列工具
(1)全域性安裝cnpm命令:npm install -g cnpm
檢視版本號:cnpm -v
PS:由於npm安裝外掛是從國外伺服器下載,受網路影響很大,可能出現異常,繼而淘寶團隊生產一個完整的npmjs.org映象,用cnpm代替npm,cnpm與nodejs的npm用法一致,只是在執行命令時,將npm改為cnpm
(2)安裝typescript和typings
用npm安裝typescript和typings,在命令提示符中直接輸入:cnpm install [email protected] typings -g
PS:angular-cli是用typescript寫的,所以需要安裝typescript和typings執行完畢之後,檢視版本確定是否安裝成功,在命令提示符中直接輸入:tsc–v,出現版本號,即為安裝成功
(3)全域性安裝@angular/cli工具:cnpm install @angular/cli -g
檢視版本,驗證是否成功,出現angular cli圖示表明angular 環境搭建成功,命令:ng version (安裝此工具以便可以使用ng命令進行專案構建)
6.Nginx安裝
送一扇傳送門,詳見地址,這裡不做贅述。
到這裡大家已經把執行Angular專案的環境搭建成功。
未完待續。。。
相關推薦
【Angular4專案在linux環境構建與部署】--(1)環境配置
1.用xshell連線伺服器 2.放置壓縮檔案 用winscp或者xftp將本地下載好的jdk 壓縮包 nodejs壓縮包 和NGINX壓縮包放到伺服器的/usr/local下。或者用wget命令直
利用travis自動化構建與部署(文件專案)
背景 保持網站上文件的最新性有比較重要的意義, travis ci 提供了免費的解決方案,本文基於 latex 構建+ aliyun oss 部署對此作了嘗試。 專案連結為 https://travis-ci.org/zhaofeng-shu33/lab2c_presentation_template 構
Linux:Ubuntu下部署Web執行環境
Linux:Ubuntu下部署Web執行環境 本次部落格將會從三部分內容詳述Ubuntu系統下Web執行環境的配置: 依次是:FTP伺服器的搭建、MYSQL資料庫的搭建、JDK的安裝等。 參考文章如下: FTP伺服器的搭建 首先闡述一下,我們為什麼要搭建FTP伺服器,因為我們
OpenAI Gym 入門與提高(一) Gym環境構建與最簡單的RL agent
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!  
linux 怎麼檢視系統的環境變數 與設定jdk 系統環境變數
1.win 7 ,win10 怎麼檢視,新增系統環境的變數,大家都非常清楚的。但是linux 的 卻不一定哦。 開啟終端輸入 : “echo $PATH “ or “export ” 如截圖: 2.下載後解壓安裝包jdk-
linux下安裝與部署redis
一、Redis介紹 Redis是當前比較熱門的NOSQL系統之一,它是一個key-value儲存系統。和Memcache類似,但很大程度補償了Memcache的不足,它支援儲存的value型別相對更多,包括string、list、set、zset和hash。這些資料型別都支援push/pop、add/rem
Spring Cloud的Docker映象構建與部署
一、簡介 spring cloud是現在很火的一個微服務架構,是spring團隊推出一個微服務開發的生態體系,而docker是一個開源的容器引擎,使用docker可以更快更好的部署應用程式,本文主要講述如何在spring cloud下構建docker映象和使用docker去
React+NodeJS+Express 環境搭建與部署
1 連結 前面 2-8 章都是將本地開發設定 第 10 章 是部署到外網伺服器上 2 Mac安裝node.js和npm Mac下通過brew安裝 brew install node 當前官網推薦版本為 v6.11.0 LT
用Ant實現Java專案的自動構建和部署
Ant是一個Apache基金會下的跨平臺的構件工具,它可以實現專案的自動構建和部署等功能。在本文中,主要讓讀者熟悉怎樣將Ant應用到Java專案中,讓它簡化構建和部署操作。 一.安裝與配置 下載地址:http://ant.apache.org/,在本文中下載的是1.7.0版本。解壓到某
Ant詳解(用Ant實現Java專案的自動構建和部署)
Ant是一個Apache基金會下的跨平臺的構件工具,它可以實現專案的自動構建和部署等功能。在本文中,主要讓讀者熟悉怎樣將Ant應用到Java專案中,讓它簡化構建和部署操作。 一.安裝與配置 下載地址:http://ant.apache.org/,在本文
第二十三章:SpringBoot專案多模組打包與部署
我們接上章節內容繼續,上一章我們已經完成了多模組專案的建立以及執行,那我們線上環境該如何打包部署呢? 本章目標 打包部署SpringBoot多模組專案到外部執行Tomcat容器中。 構建專案 我們直接複製一份上一章的程式碼,如下圖1所示:
持續交付之六——構建與部署的指令碼化
第六章 構建與部署的指令碼化 1. 引言 要實現 自動構建 自動部署 構建和部署系統一直要保持活力,這個系統不僅要從專案開始就開發,而且一直持續到產品到上線維護階段,細心設計和維護它,像對待專案原始碼一樣,並定期使用,確保我們每次想用時,
【我的Linux,我做主!】技術大牛告訴你Linux網絡原理就該這麽學!
TCP/IP Linux網絡基礎 Linux屬於網絡操作系統,所以網絡功能是Linux的重要核心功能。我們知道網絡模型包含總線型網絡、星型網絡、令牌環狀網絡等。數據在網絡上傳輸是以電磁信號進行傳輸的,例如在總線型網絡中,在同一時刻只能有一個信號在傳輸介質中傳送,如果有多個主機同時發送信息,那麽就會產生
linux查看與修改交換內存配置(解決zabbix-agent啟動報錯)
修改 上啟 報錯 mem 原因 mit sys space har 問題 zabbix-agent在一臺centos6.5上啟動報錯: cannot allocate shared memory of size 949056: [28] No space left on
【NLP漢語自然語言處理與實踐】分詞_筆記
統計 The 計算 分詞 其余 雙向 name -c max 一、兩種分詞標準: 1. 粗粒度。 將詞作為最小基本單位。比如:浙江大學。 主要用於自然語言處理的各種應用。 2. 細粒度。 不僅對詞匯繼續切分,也對詞匯內部的語素進行切分。比如:浙江/大學。 主要用於搜索
Linux核心設計與實現(1)--核心開發的特點
1. 核心程式設計時既不能訪問C庫也不能訪問標準的C標頭檔案 其中的原因有很多種。其一,C標準庫的很多函式實現都是基於核心實現的,這核心編譯的時候都還沒有核心,所以就不存在這些函式,這個就是先有雞還是先有蛋這個悖論。其二,其主主要的的
Windows環境安裝與搭建node.js環境
參考文章:https://www.cnblogs.com/zhouyu2017/p/6485265.html 一、下載node.js,直接下一步至安裝完成。https://nodejs.org/en/ 二、測試安裝是否成功 1.win+R開啟命令視窗 2.輸入node -v或者npm -v,如果顯示對
【58沈劍 架構師之路】1分鐘瞭解MyISAM與InnoDB的索引差異
《資料庫索引,到底是什麼做的?》介紹了B+樹,它是一種非常適合用來做資料庫索引的資料結構: (1)很適合磁碟儲存,能夠充分利用區域性性原理,磁碟預讀; (2)很低的樹高度,能夠儲存大量資料; (3)索引本身佔用的記憶體很小; (4)能夠很好的支援單點查詢,範圍查詢,有序性查詢; 資料
【58沈劍 架構師之路】1分鐘瞭解MyISAM與InnoDB的索引差異
《資料庫索引,到底是什麼做的?》介紹了B+樹,它是一種非常適合用來做資料庫索引的資料結構: (1)很適合磁碟儲存,能夠充分利用區域性性原理,磁碟預讀; (2)很低的樹高度,能夠儲存大量資料; (3)索引本身佔用的記憶體很小; (4)能夠很好的支援單點查詢,範圍查詢,有序性查詢;
Linux系統檔案與目錄管理(1)
Linux 是一套免費使用和自由傳播的類Unix作業系統,是一個基於POSIX和UNIX的多使用者、多工、支援多執行緒和多CPU的作業系統.它能執行主要的UNIX工具軟體、應用程式和網路協議.它支援32位和64位硬體.Linux繼承了Unix以網路為核心的設計思想,是一個性能穩定的多使用者網路作業系統. 在