[IOT從零做起0] 前後端選型及環境搭建

廢話開篇

今天是五四青年節,今年是不平凡的2020,該踏實地去做些事情。所以,從今天起,我會從零開始搭建IOT,包括底層硬件和軟件設計,通信系統設計,服務器後臺設計,前端設計。我是EE專業,底層軟硬件和通信比較熟悉,所以,這部分後面有空再寫吧。(自己對這方面比較感興趣,遂作此文,無他)

直奔主題:

前端框架:Angular
後端框架:Java springboot
底層電路:看業務需求再定
通信系統:看業務需求再定

希望自己可以堅持寫完blog,儘量抽時間寫哈
前後端開發環境都是Ubuntu1604,至於前後端爲何如此選型,也不想說太多,畢竟有點人云亦云,都是網上看的

前端:

1.angular資料渠道
官網

2.搭建
參考官網
說明
angular是typescript寫的框架,typescript是javascript的方言,所以說到底,先安裝js運行環境吧

#安裝nodejs
sudo apt-get install nodejs
#安裝npm
sudo apt-get install npm
#設置淘寶鏡像源
sudo npm config set registry http://registry.npm.taobao.org/
#全局安裝n管理器,用於管理nodejs
sudo npm install n -g
#安裝當前最穩定版本
sudo n stable

接下來安裝angular cli

npm install -g @angular/cli

3.構建第一個應用

#你的工程目錄
cd ur prjname
#創建一個項目
ng new my-app
#中間遇到的yesornot可以一直回車,最後會成功,但是會提示git沒安裝,不重要

啓動項目

cd my-app
#開啓
ng serve -o

在這裏插入圖片描述
4. 後續工作:
Ubuntu1604安裝chrome,安裝crap api debug插件,安裝git

**1.安裝chrome **
參考鏈接

#在終端中,輸入以下命令:
sudo wget http://www.linuxidc.com/files/repo/google-chrome.list -P /etc/apt/sources.list.d/

#導入谷歌軟件的公鑰,用於下面步驟中對下載軟件進行驗證
wget -q -O - https://dl.google.com/linux/linux_signing_key.pub  | sudo apt-key add -

#更新
sudo apt-get update

#安裝
sudo apt-get install google-chrome-stable

2.調試post請求利器 CA

參考git

3.Ubuntu1604安裝git

sudo apt-get install git
git config --global user.name "你的用戶名"
git config --global user.email "你的郵箱地址"
#以上信息,註冊github或者gitee等git平臺會有的
ssh-keygen -C '你的郵箱地址' -t rsa
#回車保存祕鑰,然後把祕鑰放在git遠端

在這裏插入圖片描述
git使用,網上資料很多,此處不贅述

git init
git add .
git commit -m “ur comment”
git remote add origin \\gitname.git
git push origin master

如果遠端已經初始化一個git工程,clone就行了,剩下操作大同小異

git clone \\gitname.git

後端

IDE當然還是idea帥氣,聽說可以自己安裝JDK了,真是6的飛起了。
但手藝不能丟哈哈,我還是去甲骨文官網
下載的JDK 11 LTS

去官網下載真麻煩,傳一份csdn給大家
解壓後:
JDK

mv jdk-11.0.7 /opt/java/
#在root 下
vim /etc/profile
#添加以下代碼
export JAVA_HOME=/opt/java/jdk-11.0.7
export CLASSPATH=.:$CLASSPATH:$JAVA_HOME/lib
export PATH=$PATH:$JAVA_HOME/bin
#退出vim
source /etc/profile

爲什麼沒有JRE?因爲新版本的JDK合二爲一了,我是在《java學習筆記》看到的

IDE
https://www.jetbrains.com/idea/download/#section=linux
拉到頁面後邊發現
在這裏插入圖片描述
所以直接命令行

sudo snap install intellij-idea-ultimate --classic

安裝後,啓動

./idea.sh

如下:
在這裏插入圖片描述
來個hello 20200504
在這裏插入圖片描述
以後就是springboot和angular開發了

最後,不重要,可以不看
補充一個ftp傳文件合理使用方法,git

在plugins下新建dll同名文件名,重啓notepad++

nslicense.dll
#搜索
7F 0C 81 F9 80 33 E1 01 0F 86 80
#優化:
7F 0C 81 F9 80 33 E1 01 0F 83 80
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章