麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第十一篇 Web前端开发及环境准备

0.基础环境

类别:笔记本
型号:中国长城 NF14C
硬件平台:飞腾处理器(ArmV8 指令集)
系统:银河麒麟操作系统 V10(SP1)

1.背景描述

现在的前端是前后端分离的,本文以node,npm等技术为特点,为研发人员搭建前端的开发提供参考。

2.下载nodejs

2.1直接使用最新版二进制

在nodejs下载node arm64(aarch)压缩包(我选的是16 lts)
https://nodejs.org/zh-cn/down...
https://nodejs.org/dist/v16.1...

2.2 使用仓库版本(可能部分应用会显示版本低,不推荐)

sudo apt-get install nodejs npm

麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第十一篇 Web前端开发及环境准备_第1张图片

3.解压并配置(官方二进制需要此项)

将文件解压到特定位置,我本人为省事直接放在个人主目录下,方便权限处理。注:使用二进制包是因为apt的包太旧不能工作,以jeecg-boot为例
麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第十一篇 Web前端开发及环境准备_第2张图片

3.1配置PATH变量

#编辑/etc/profile
sudo vi /etc/profile
#添加下面这一行
export PATH="$PATH:/home/long/node-v16.15.0-linux-arm64/bin" 

按esc退出编辑,输入:wq 回车保存退出,使变量立即生效

sudo -s source /etc/profile

或打开终端,单独执行一次

export PATH="$PATH:/home/long/node-v16.15.0-linux-arm64/bin" 

麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第十一篇 Web前端开发及环境准备_第3张图片

4.安装yarn

npm install --global yarn --registry=https://registry.npm.taobao.org #使用淘宝加速

麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第十一篇 Web前端开发及环境准备_第4张图片
yarn安装确认

yarn -v

5.安装VSCODE

第三篇中有提到,请在应用市场中(也可以到官方网站下载)安装好VSCODE。后面所有前端,GOLANG,PYTHON等都使用VSCODE进行项目开发搭建
麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第十一篇 Web前端开发及环境准备_第5张图片

麒麟系统专栏:
https://segmentfault.com/blog...
文章发表在SegmentFault
联系邮箱:[email protected]
群:662512340
发行日志:
20220613 首发

你可能感兴趣的:(麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第十一篇 Web前端开发及环境准备)