分享

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

本帖最后由 码上世界 于 2024-4-26 14:16 编辑

c.png

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

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

2.下载nodejs2.1直接使用最新版二进制
2.2 使用仓库版本(可能部分应用会显示版本低,不推荐)
  1. sudo apt-get install nodejs npm
复制代码
bVc0iGM.jpg

3.解压并配置(官方二进制需要此项)
将文件解压到特定位置,我本人为省事直接放在个人主目录下,方便权限处理。注:使用二进制包是因为apt的包太旧不能工作,以jeecg-boot为例
bVc0iHd.jpg

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"
复制代码
bVc0iIP.jpg
4.安装yarn


npm install --global yarn --registry=https://registry.npm.taobao.org #使用淘宝加速
bVc0iIQ.jpg
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进行项目开发搭建
image.png
也可以直接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仓库配置
创作不易,后续还会继续更新,大家可以点个关注!!!
版权声明:本文系本人原创,未经许可,不得转载

版权说明:论坛帖子主题均由合作第三方提供并上传,若内容存在侵权,请进行举报

已有(4)人评论

跳转到指定楼层
码上世界手机认证 实名认证 发表于 2024-4-26 11:05:45 来自 中国广东东莞
继续更新!
aohan2021实名认证 手机认证 发表于 2024-4-26 11:16:03 来自 中国广东汕头

没会员
码上世界手机认证 实名认证 发表于 2024-4-26 14:14:05 来自 中国广东东莞

我设置个隐藏的你回复一下就可以看了
sky19791111实名认证 手机认证 发表于 6 天前 来自 中国吉林白城
介绍的内容越来越全面了。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

联系在线客服