[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

[IOT从零做起0] 前后端选型及环境搭建_第1张图片
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远端

[IOT从零做起0] 前后端选型及环境搭建_第2张图片
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
拉到页面后边发现
[IOT从零做起0] 前后端选型及环境搭建_第3张图片
所以直接命令行

sudo snap install intellij-idea-ultimate --classic

安装后,启动

./idea.sh

如下:
在这里插入图片描述
来个hello 20200504
[IOT从零做起0] 前后端选型及环境搭建_第4张图片
以后就是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

你可能感兴趣的:(IOT)