liunx centos9安装nodejs并搭建vue 图文详解手把手教程
创始人
2024-05-15 18:26:41
0

首先nodjs的官网找到liunx的安装包
https://nodejs.org/en/download/
这里不推荐用源码安装,因为实在太慢,我安装时一下在不停安装连续15分钟都还在跑就是不知道什么原因
在这里插入图片描述
解压包

tar -xvf /root/node-v18.13.0-linux-x64.tar.xz

设置全局 -s后面地址就是你的安装包解压的地址

ln -s /root/node-v18.13.0-linux-x64/bin/npm  /usr/local/bin/ 
ln -s /root/node-v18.13.0-linux-x64/bin/node   /usr/local/bin/

添加环境变量

vim /etc/profile

这一行上面添加下面的内容
在这里插入图片描述

export NODE_HOME=/root/node-v18.13.0-linux-x64
export PATH=$NODE_HOME/bin:$PATH

然后退出

ctrl+c
shift+:

保存

wq!

使编译配置保存

source /etc/profile

验证是否安装成功

node -v

在这里插入图片描述
下面我们来运行一下http服务器
在你的目录中创建一个a1.js文件将以下代码插入进去

var http = require('http');http.createServer(function (request, response) {response.writeHead(200, {'Content-Type': 'text/plain'});response.end('Hello World\n');
}).listen(8888);
console.log('nodejs服务器,运行成功');

然后浏览器访问127.0.0.1:8888成功出现Hello World就代表成功
在这里插入图片描述
然后我们来搭建vue3环境
首先下载npm

npm install -g cnpm --registry=https://registry.npmmirror.com

然后再用cnpm安装vue

cnpm install vue@next

再安装vue cli这个命令行工具

cnpm install -g @vue/cli

安装好后查看vue版本

 vue --version

在这里插入图片描述
运行vue项目

vue upgrade --next

在这里插入图片描述
安装桥接工具

npm install -g @vue/cli-init

创建一个vue项目

vue init webpack my-project

安装运行dev

cnpm run dev

在这里插入图片描述
访问http://localhost:8080/
在这里插入图片描述
使用vue ui来进行项目管理
在这里插入图片描述

相关内容

热门资讯

永远会用安卓系统的手机 亲爱的手机控们,你是否也有那么一款手机,它陪伴你度过了无数个日夜,成为了你生活中不可或缺的一部分?没...
安卓系统怎么添加公众号,安卓系... 你是不是也和我一样,对安卓手机上的公众号情有独钟呢?想要把那些有趣的公众号添加到手机里,随时随地都能...
仿苹果系统怎么改回安卓系统,轻... 你是不是也和我一样,曾经被苹果系统的魅力所吸引,然后不小心把手机换成了安卓呢?现在,突然发现安卓的某...
oppor11plus安卓系统... 你有没有注意到,最近手机圈里又掀起了一股热潮?没错,就是OPPO R11 Plus这款手机。这款手机...
安卓系统重新洗牌教程,从重新洗... 你有没有发现,安卓系统最近好像经历了一场大洗牌?别急,别急,让我来给你详细介绍一下这个安卓系统重新洗...
安卓12系统改画质,尽享极致流... 你有没有发现,最近你的安卓手机好像变得不一样了?没错,就是那个神秘的安卓12系统,它悄悄地给你带来了...
小米11系统是安卓几,探索新一... 你有没有发现,最近小米11这款手机在市场上可是火得一塌糊涂呢!那么,问题来了,小米11的系统是安卓几...
安卓版系统下载安装 你有没有想过,为什么你的手机总是那么卡,那么慢?别急,今天就来给你揭秘,如何让你的安卓手机焕然一新,...
安卓换苹果系统更新多久,体验无... 你有没有想过,当你把心爱的安卓手机换成苹果,那系统更新到底要等多久呢?这可是不少人在换机时都会关心的...
如何升级华为的安卓系统,轻松提... 亲爱的手机控们,你是不是也和我一样,对华为的安卓系统充满了好奇和期待?想要让你的华为手机焕然一新,体...
好用系统插件推荐安卓手机,提升... 你有没有发现,手机用久了,是不是觉得有点力不从心?别急,今天就来给你安利一波好用系统插件,让你的安卓...
x3鸿蒙系统和安卓系统,探索x... 你知道吗?最近手机圈里可是热闹非凡呢!各大品牌纷纷推出新机,而其中最引人注目的莫过于华为的新操作系统...
安卓系统优化手机软件,打造流畅... 你有没有发现,你的安卓手机最近变得有点“慢吞吞”的?别急,别急,今天就来给你支几招,让你的安卓手机焕...
安卓车机系统显示歌词,打造沉浸... 亲爱的车友们,你是否在驾驶过程中,被那美妙的旋律和歌词所吸引,却又因为无法专注于路面而感到困扰?别担...
安卓系统硬件是否损坏 手机突然卡顿,屏幕闪烁不定,是不是安卓系统的硬件出了问题?别急,今天就来给你详细剖析一下安卓系统硬件...
3310安卓4g系统,智能升级 你有没有听说过3310安卓4G系统?这可是最近科技圈里的小热门呢!想象一个经典的诺基亚3310,竟然...
小米用的安卓系统吗,引领智能生... 你有没有想过,那个你每天不离手的手机,它的操作系统到底是谁家的“孩子”?今天,咱们就来聊聊这个话题—...
安卓系统厉害的游戏,盘点那些令... 你有没有发现,安卓系统上的游戏真的是越来越厉害了?没错,我就要给你好好盘点一下那些让人欲罢不能的安卓...
安卓手机系统提有声音,唤醒你的... 你有没有发现,最近你的安卓手机系统突然变得特别贴心呢?没错,就是那个一直默默陪伴你的小家伙,现在竟然...
安卓9系统设置密码破解,轻松应... 你有没有遇到过这种情况:手机里装了安卓9系统,不小心设置了密码,结果现在想找回数据,却因为密码而头疼...