searchusermenu
  • 发布文章
  • 消息中心
点赞
收藏
评论
分享
原创

一台新的UOS云桌面,怎样配置好前端开发环境和工具,干货分享~

2023-03-20 01:35:32
52
0

申请一台新的UOS桌面第一步一定要留意开通的邮件,邮件上面会附上管理员用户的密码,这个十分重要,后面配置几乎都要用到。一般开通UOS桌面后,默认账号是ctyun,这个账号是会定期自动改密码的,一旦密码变更需要联系客服发新的邮件。

 

进入主题~~

第一步我们需要安装nodejs,为了后面管理方便一般通过nvm进行安装,所以第一步先安装nvm,打开终端管理器

1、wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.2/install.sh | bash  ;其中版本v0.35.2可以在https://github.com/nvm-sh/nvm/releases中选择自己需要版本

2、下载完成后,cd ~/.bashrc检测是否写入了环境变量,如果没用的话用vim ~/.bashrc 进入编辑

3、将下面内容复制粘贴到~/.bashrc,保持退出后,执行source ~/.bashrc使配置生效,使用command -v nvm验证是否安装成功

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

4、nvm安装成功后,后面安装nodejs方式跟window上的是一样(如果以上操作没问题就不用看下面手动安装nodejs步骤)

5、有时候可能因为系统权限问题,无法安装nvm,这时候需要到官网下载源码包,官网地址:https://nodejs.org/dist ;使用uname -a查看自己电脑内核,待会要下载对应版本和内核的.tar.xz包。

6、cd /usr/local 进入该目录,然后输入命令:wget https://nodejs.org/dist/v14.15.1/node-v14.15.1-linux-x64.tar.xz 这个只是举例,具体版本和内核要根据不同电脑而定

7、解压:tar -xvf node-v14.15.1-linux-x64.tar.xz;改目录名:mv /usr/local/node-v14.15.1-linux-x64 /usr/local/node;

8、配环境变量,vim /etc/profile,最后加上这句话:export PATH=$PATH:/usr/local/node/bin,让新加的配置生效:source /etc/profile

9、改好后可以通过终端管理器输入node和npm查看是否安装成功

 

第二步,安装IDE,如果是vscode可能直接从UOS市场下载即可,如果是WebStorm需要以下步骤安装

1、先查看java版本:java -version

2、如果没用的话需要下载安装:apt install openjdk-8-jre-headless,如果对java版本和当前系统架构有特别需求,可以到这里选择对应版本下载并安装:https://www.azul.com/downloads/?version=java-19-sts&os=linux&architecture=arm-64-bit&package=jdk#zulu。

下载好后解压:tar -xzvf xxxx.tar.gz

并将 JDK 文件夹转移到 /usr/share/ 路径下:mv zulu-java-8 /usr/share/

编辑环境变量:vim ~/.bashrc,输入:export PATH="/usr/share/zulu-java-8/bin:$PATH",保持后刷新source .bashrc

 

3、下载WebStorm:https://www.jetbrains.com.cn/webstorm/download/download-thanks.html,下载.tar.gz的包

4、创建安装目录:mkdir /opt/webstorm

5、解压包:tar zxvf WebStorm-2022.2.2.tar.gz -C /opt/webstorm

6、创建桌面图标:gedit /usr/share/applications/etbrains-webstorm.desktop;输入下面内容,内容的XXX是根据具体下载的WebStorm版本而填写

[Desktop Entry]
Version=11.0
Name=WebStorm
GenericName=Nodejs,HTML5, JavaScript and CSS editor
Comment=Nodejs,HTML5, JavaScript and CSS editor
Exec=/opt/webstorm/WebStorm-XXX/bin/webstorm.sh
Icon=/opt/webstorm/WebStorm-XXX/bin/webstorm.svg
Terminal=false
Type=Application
Categories=Application;Development

 

第三步,如果有项目需要编译C文件,需要安装node-gyp和gcc,如果没用这个需求的直接跳过这步

1、安装node-gyp:npm i node-gyp -g

2、安装gcc:sudo apt install gcc

 

第四步,设置npm源,经过开发测试,设置华为源的包是比较齐全,而且速度也比较快。这里设置了electron的源,如果不需要electron开发的可以不输入最后那句

npm config set registry https://mirrors.huaweicloud.com/repository/npm/
npm config set disturl https://mirrors.huaweicloud.com/nodejs/
npm config set electron_mirror https://mirrors.huaweicloud.com/electron/

 

第五步,安装fpm,fpm是linux下的一款开源打包工具

1、sudo apt-get install ruby-dev build-essential,

2、安装完后需要切换一下gem的源,默认的源下载比较慢。这里切换为腾讯源

gem sources --reove https://rubygems.org/
gem sources -a https://mirrors.cloud.tencent.com/rubygems/
gem sources -l

3、sudo gem install fpm

 

最后补充,如果发现apt源没用自己想要的包,可以手动切换,但存在一定风险,可能导致UOS市场打不开,或者其他软件依赖报错,请慎重执行。

1、sudo vim /etc/apt/sources.list

2、deb [by-hash=force] https://mirrors.tuna.tsinghua.edu.cn/deepin/ apricot main contrib non-free
deb [by-hash=force] https://mirrors.aliyun.com/deepin/ apricot main contrib non-free

3、sudo apt-get update

 

 

 

 

0条评论
0 / 1000