目前,麒麟、统信、深度等国产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。