deepin开发环境配置

528 阅读3分钟

deepin开发环境配置

前言

工欲善其事,必先利其器。 每个前端er在日常工作中多多少少都会遇到配置环境的日常,笔者也是其中的一员, 工作后开发环境一直使用的是linux的GUI,一入linux深似海,从此windows不会用。哈哈夸张了,在众多linux的GUI图形化界面,笔者用着最习惯的还是deepin,虽然笔者只用过Ubuntu和deepin。 deepin作为国产linux GUI,体验比其他linux GUI更加适合国人开发者。废话不多说,直接进入正题。

nodejs

u=141688611,1711801555&fm=85&app=131&size=f242,150&n=0&f=PNG.png

说到当今前端最离不开什么,我觉得应该是nodejs。nodejs诞生可以说是前端发展史上的一座里程碑.

sudo apt-get install nodejs
sudo apt-get install npm

但是这样安装下来的版本只有v10左右,这都是几百年的东西,肯定不太行。问题不大,这个不慌。升级就完事了。 一般不建议手动升级容易出错,且环境容易造成残留,会对后续的开发环境带来很大的痛苦,那么怎样快速升级到想使用的版本呢? 一般接触过nodejs都知道,会通过nvm去对nodejs进行版本控制,但是nvm需要通过github进行下载,这就需要人品了。 在这里笔者推荐另外一种方式。 n模块,n是tj大神写的一个nodejs轻量的版本管理工具,虽然它不支持windows系统,但是对于linux以及macos用户来说足够了。

sudo npm install -g n
# 稳定版本
sudo n stable
# 方便安装全局模块不需要在执行sudo
sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}

关于n的其他用法可以自行查看npm

# 最新版本
sudo n lastest
# 安装指定版本
sudo n 14.19.0
# 查看或者切换本地安装nodejs版本
sudo n

jdk

u=3788994586,2080030042&fm=218&app=126&size=f242,150&n=0&f=JPEG&fmt=auto.webp

说到jdk,有人可能会提出疑问,这不是java工程师才需要安装的环境么?其实不然,现在大前端时代,前端的领域不止于web,还可以做移动App端, 众所周知,Android最早是Java语言实现的,由于笔者平时主要用react-native开发跨端app,所以少不了配置Android环境

#首先需要到oracle 官网下载需要的jdk环境
#创建目录
sudo mkdir /usr/lib/jvm
#进入到下载jdk的文件夹,复制压缩包到制定位置(根据自己下的jdk压缩包修改中间的文件名,笔者这里以jdk-8u11-linux-x64.tar.gz为例)
sudo scp jdk-8u11-linux-x64.tar.gz /usr/lib/jvm
#解压jdk
sudo tar -zxvf jdk-8u11-linux-x64.tar.gz -C /usr/lib/jvm

让jdk生效还需要执行以下步骤

#修改环境变量
sudo vi ~/.bashrc
#在文件末尾追加以下内容
#set oracle jdk environment
export JAVA_HOME=/usr/lib/jvm/jdk1.8.0_11  ## 这里要注意目录要换成自己解压的jdk 目录
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH
#保存修改后,设置环境变量立马生效
source ~/.bashrc
#系统注册此jdk
sudo update-alternatives --install /usr/bin/java java /usr/lib/jvm/jdk1.8.0_11/bin/java 300
#最后验证安装是否成功
java -version

IDE

陪伴程序员一天的时间最久的应该就是IDE了,笔者比较习惯JetBrains全家桶,虽然它要钱,VsCode党求放过 大家都装过不少次JetBrains的IDE,那么这个还有还有什么好讲的呢?笔者这边比较推荐通过JetBrains Toolbox App来管理JetBrains全家桶。 只需要一个Toolbox,帮你管理其他比如IDEA,WebStorm,AndroidStudio,DataGrip之类的版本安装和升级卸载,简直不要太开心

截图_JetBrains Toolbox_20220421231308.png

配置 ANDROID_HOME 环境变量

u=3486107328,3217982233&fm=74&app=80&size=f256,256&n=0&f=PNG.png

上面提到笔者平时主要用react-native开发跨端app。 react-native需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译。

#修改环境变量
sudo vi ~/.bashrc
#如果你不是通过Android Studio安装的sdk,则其路径可能不同,请自行确定清楚。
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/emulator
#保存文件后,设置立即生效
source ~/.bashrc
#检查此变量是否已正确设置
echo $ANDROID_HOME

请确保你正确指定了 Android SDK 路径。你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径,具体是Appearance & Behavior → System Settings → Android SDK

以上配置支持react-native 0.67以下版本,0.67版本react-native配置Android环境 JDK由原来的JDK8提高到JDK11 且环境变量由原来的 ANDROIDHOME变为ANDROID_HOME变为 ANDROID_SDK_ROOT

#修改环境变量
sudo vi ~/.bashrc
#如果你不是通过Android Studio安装的sdk,则其路径可能不同,请自行确定清楚。
export ANDROID_SDK_ROOT=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_SDK_ROOT/tools
export PATH=$PATH:$ANDROID_SDK_ROOT/tools/bin
export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools
export PATH=$PATH:$ANDROID_SDK_ROOT/emulator
#保存文件后,设置立即生效
source ~/.bashrc
#检查此变量是否已正确设置
echo $ANDROID_SDK_ROOT

请确保你正确指定了 Android SDK 路径。你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径,具体是Appearance & Behavior → System Settings → Android SDK

docker

docker01.png

#部分linux GUI不会自带curl命令
sudo apt-get install  curl
#安装Docker
curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun
#加入用户组,避免提示docker权限问题,userName替换为主机用户名
sudo usermod -aG docker userName

docker-compose

#下载docker-compose
sudo curl -L https://get.daocloud.io/docker/compose/releases/download/v2.4.1/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose
#将可执行权限应用于二进制文件:
sudo chmod +x /usr/local/bin/docker-compose
#创建软链:
sudo ln -s /usr/local/bin/docker-compose /usr/bin/docker-compose
#测试是否安装成功:
docker-compose --version

FileZilla

1991421477.png

FileZilla是一个快速可靠的、跨平台的FTP、FTPS和SFTP客户端。它具有断点续传、超时侦测、SSL加密、多国语言、多标签界面、多协议支持、远程查找文件、站点管理和传输队列管理等功能。

sudo apt-get install filezilla

WireShark

140124-5f3385b4978ca.jpg

Wireshark是一个网络封包分析软件,它具有获取网络封包并显示网络封包详情,同时还可以检测网络问题、检查安全相关问题、排查通信错误等功能。

#安装过程中选择确定
sudo apt install wireshark
#安装完之后非Root用户是没有权限
#USERNAME为自己的用户名,将这个用户添加到wireshark组,需要重启
sudo gpasswd -a USERNAME wireshark
#将这个文件添加到wireshark组下
sudo chgrp wireshark /usr/bin/dumpcap
#让wireshark用户组有root权限使用dumpcap
sudo chmod 4755 /usr/bin/dumpcap
#将需要使用的用户名加入wireshark用户组,USERNAME为自己的用户名
sudo gpasswd -a USERNAME wireshark

maven

maven-logo-128.png

wget http://mirrors.hust.edu.cn/apache/maven/maven-3/3.3.9/binaries/apache-maven-3.3.9-bin.tar.gz
tar -xvf  apache-maven-3.3.9-bin.tar.gz
sudo mv -f apache-maven-3.3.9 /usr/local/
#修改环境变量
sudo vi ~/.bashrc
#文件末尾添加如下代码
export MAVEN_HOME=/usr/local/apache-maven-3.3.9
export PATH=${PATH}:${MAVEN_HOME}/bin
#保存文件后,设置立即生效
source ~/.bashrc
#测试安装结果,正常显示安装版本则安装成功
mvn -v

写在最后

deepin是笔者在linux GUI中最喜欢使用的,因为它的恢复出厂功能带有保存用户数据的选项,避免众多时候因为系统问题来不及备份文件 很多时候我们可能误删了系统文件,或者设置了错误的环境变量影响了系统的正常启动。执行带有保留用户数据的恢复出厂,可以保留用户的home目录下的文件。