Debian系统配置前端开发环境(麒麟、统信)

214 阅读2分钟

目前,麒麟、统信、深度等国产Linux系统在越来越普及,随着中美贸易战等因素影响,国产信创替代方案也是长期推荐方案。Linux系统下开发有接近部署环境的天然优势,确保开发和运维环境一致,有利于bug调试,部分公司也开始使用linux系统作为开发环境下的操作系统,Linux系统配置需要掌握一些基础的Linux命令,下面以debian系统为例,配置前端开发环境。

一、安装git

git作为程序员的基础工具,必装之

apt-get install git

二、安装node.js

下载

node.js官网提供的是安装包,需要下载node.js包,点击首页“下载”按钮,会自动下载匹配arm64架构的包。 官网地址:nodejs.org/zh-cn/

解压安装包

tar -xvf node-v20.9.0-linux-x64.tar.xz

移动

将解压后的安装包移动到/usr/local目录下

sudo mv node-v20.9.0-linux-x64 /usr/local/nodejs

配置环境变量

vim ~/.bashrc

在文件末尾添加以下内容:

export PATH=/usr/local/nodejs/bin:$PATH

保存并退出文件。让配置生效:

source ~/.bashrc

验证安装

使用以下命令验证 Node.js 和 npm 是否安装成功:

node -v
npm -v

三、配置express服务器

Express 是一个广受欢迎的 Node.js Web 应用框架,它能让你更便捷地构建服务器。要使用 Express,首先要安装它:

npm install express

使用 Express 框架运行 HTML 文件

在网站根目录下新建一个文件,命名为server.js,同时新建public静态文件目录,把要运行的静态文件放到public目录。server.js文件代码:

const express = require('express');
const app = express();

// 设置静态文件目录
app.use(express.static('public'));

const port = 3000;
app.listen(port, () => {
    console.log(`Server running at http://localhost:${port}/`);
});

启动http服务

在网站根目录下启动命令行,运行如下代码,至此前端开发环境配置完成。

node server.js

四、Linux命令补充资料

  • 查看当前目录:pwd
  • 显示目录文件:dir
  • 切换root权限:sudo
  • 移动文件:mv
  • 解压:tar
  • 安装软件(debian):apt-get

vim编辑器命令

模式切换

  • 进入插入模式

    • i:在当前光标所在位置前插入文本。
    • a:在当前光标所在位置后插入文本。
    • o:在当前行的下一行插入新行并进入插入模式。
    • O:在当前行的上一行插入新行并进入插入模式。
  • 退出插入模式:按下 Esc 键回到命令模式。

移动光标

  • 上下左右移动h(左)、j(下)、k(上)、l(右)。

  • 按单词移动

    • w:移动到下一个单词的开头。
    • b:移动到上一个单词的开头。
    • e:移动到下一个单词的结尾。
  • 行内移动

    • 0:移动到行首。
    • $:移动到行尾。
  • 页内移动

    • Ctrl + f:向前翻一页。
    • Ctrl + b:向后翻一页。

文本编辑

  • 删除

    • x:删除当前光标所在的字符。
    • dd:删除当前行。
    • dw:删除从当前光标位置到下一个单词开头的内容。
  • 复制和粘贴

    • yy:复制当前行。
    • p:在当前光标位置后粘贴复制的内容。
    • P:在当前光标位置前粘贴复制的内容。
  • 撤销和重做

    • u:撤销上一步操作。
    • Ctrl + r:重做上一步撤销的操作。

保存和退出

  • :w:保存文件。
  • :q:退出 Vim(若文件未修改)。
  • :wq:保存文件并退出 Vim。
  • :q!:不保存文件,强制退出 Vim。