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

0.基础环境

---

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

1.背景描述

---

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

2.下载nodejs2.1直接使用最新版二进制

---

在nodejs下载node arm64(aarch)压缩包（我选的是16 lts)
https://nodejs.org/en/download
https://nodejs.org/dist/v16.15.0/node-v16.15.0-linux-arm64.tar.xz

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

1. sudo apt-get install nodejs npm

复制代码

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

---

将文件解压到特定位置，我本人为省事直接放在个人主目录下，方便权限处理。注：使用二进制包是因为apt的包太旧不能工作,以jeecg-boot为例

3.1配置PATH变量

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

复制代码

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

1. sudo -s source /etc/profile

复制代码

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

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

复制代码

4.安装yarn

---

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

yarn安装确认

1. yarn -v

复制代码

1. deb [arch=amd64,arm64,armhf] http://packages.microsoft.com/repos/code stable main #本配置如果安装好vscode后，会自动处理。

复制代码

再执行

1. sudo apt update -y #更新库
   
2. sudo apt isntall vscode -y #安装

复制代码

5.安装VSCODE

---

第三篇中有提到，请在应用市场中（也可以到官方网站下载）安装好VSCODE。后面所有前端，GOLANG，PYTHON等都使用VSCODE进行项目开发搭建

也可以直接sudo gedit /etc/apt/sources.list.d/vscode.list，输入如下内容：

1. deb [arch=amd64,arm64,armhf] http://packages.microsoft.com/repos/code stable main #本配置如果安装好vscode后，会自动处理。

复制代码

再执行

1. sudo apt update -y #更新库
   
2. sudo apt isntall vscode -y #安装

复制代码

6.安装配置nvm(nodejs版本管理)

---

游客，如果您要查看本帖隐藏内容请回复

个人主页：
信创技术联盟----码上世界

联系邮箱：1179611323@qq.com

大家可以加入以下群聊，交流一下国产技术：
专栏交流QQ群：662512340
信创论坛交流QQ群：671540629

发行日志：
20220613 首发
20220929 增加node版本管理工具nvm
20221027 增加接口测试工具apipost
20221209 增加接口测试工具apifox
20221209 增加electronjs fiddle官方验证工具
20230416 增加vscode仓库配置

创作不易，后续还会继续更新，大家可以点个关注！！！

版权声明：本文系本人原创，未经许可，不得转载

继续更新！

码上世界 发表于 2024-4-26 11:05
继续更新！

没会员

aohan2021 发表于 2024-4-26 11:16
没会员

我设置个隐藏的你回复一下就可以看了

介绍的内容越来越全面了。