uos前端环境配置

一、 配置node

1. 下载linux的node包，我是amd x64的系统，直接下载linux x64就可以

2. 环境配置

方法一：不推荐，感觉是一次性的，每次打开终端环境后都要重新输入一遍命令让环境变量生效

sudo vim /etc/profile // 编辑环境变量文件

// ps: vim指令，按i可以开始输入，按:wq保存退出

// 在文件末尾添加两行
export NODE_HOME=/home/enviroment/node-v14.21.3-linux-x64
export PATH=$PATH:$NODE_HOME/bin


输入命令，让环境变量生效
source /etc/profile /etc/bash.bashrc

然后就可以查看是否安好了
node -v
npm -v

方法二【首选】

安装中发现linux有两个config，一个是用户的跟windows上类似，一个是独有的globalconfig。所以配npm config时要配两套，通过加-g放到globalconfig里面，不配没法全局安装包。

# 解压到系统盘，uos操作系统盘都需要终端执行指令，不然没权限直接复制进去
sudo tar -xvf node-v14.21.3-linux-x64.tar.xz -C /usr/local/

# 重命名
sudo mv /usr/local/node-v14.21.3-linux-x64 /usr/local/node

# 加软连接，将node源文件映射到usr/bin下的node文件（必加！不加这个就没法npm xxx了）
sudo ln -s /usr/local/node/bin/node /usr/bin/node 
sudo ln -s /usr/local/node/bin/npm /usr/bin/npm
sudo ln -s /usr/local/node/bin/npx /usr/bin/npx

# 配置全局模块路径（cache后面我换位置了，换到数据盘了，不然安装的时候会提示cache没权限）
# 进入/usr/local/node/路径下
cd /usr/local/node
sudo mkdir node_global
sudo mkdir node_cache
sudo npm config set prefix "node_global"
sudo npm config set cache "node_cache"

# 配置国内源
npm config set registry https://registry.npm.taobao.org -g
# 这里有个巨坑！！！需要加-g，不然装全局的包老是会去原始的源地址，只能像这样装。
# 但是像electron本身还需要另外的地址，这种装法就不行！
sudo npm install -g yarn --registry=https://registry.npm.taobao.org

# 可以接着配置yarn
sudo ln -s /usr/local/node/node_global/bin/yarn /usr/bin/yarn
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

# 全局安装webpack不然项目起不来
sudo npm install webpack -g
sudo npm install webpack-cli -g
sudo ln -s /usr/local/node/node_global/bin/webpack /usr/bin/webpack

到此react的项目能起来了，electron还不能

二、配置electron

1. 设置国内源electron_mirror（这里也有坑，之前windows是用的大写的ELECTRON_MIRROR，结果到uos上没用）

2. 现在run electron还是会报错：

FATAL:setuid_sandbox_host.cc The SUID sandbox helper binary was found, but is not configured correctly.....

此时需要配置下沙盒，按下面的配置会报错：chown 无法访问 chrome-sandbox 没有那个文件或目录，搞了半天不知道chrome-sandbox上啥，我还在uos装了个chrome浏览器…

具体查看：https://github.com/electron/electron/issues/17972

sudo chown root chrome-sandbox
sudo chmod 4755 chrome-sandbox

最后仔细看了下报错信息，把上面命令里的chrome-sandbox替换成/home/……node_modules/electron/dist/chrome-sandbox 就行了

其他错误：

1. 因为electron跑不起来，看有人说要全局装electron，然后装的时候遇到问题

Error:EACCES:permission denied, mkdtemp '/usr/local……node_modules/electron/electron-download-vMDj1F'

解决方法：加--unsafe-perm=true --allow-root

sudo npm install -g electron --unsafe-perm=true --allow-root