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来进行项目管理
在这里插入图片描述

相关内容

热门资讯

安卓手机的rom系统,功能丰富... 你有没有发现,安卓手机的ROM系统就像是一层神秘的面纱,包裹着你的手机,让它焕发出不一样的光彩?今天...
宝马安卓系统音源切换,一触即达 你有没有发现,开宝马的时候,音乐播放的体验也是相当重要的呢?想象当你驾驶着宝马,窗外的风景如画,而车...
安卓怎样删除系统更新,轻松恢复... 手机系统更新了,是不是觉得新功能超酷,但有时候更新后的系统反而有点小闹心?别急,今天就来手把手教你如...
国内安卓系统知乎,知乎视角下的... 你知道吗?在我国,安卓系统可是占据了手机市场的大半壁江山。而关于这个话题,知乎上可是讨论得如火如荼。...
安卓登录linux系统下载,下... 你有没有想过,你的安卓手机竟然能登录Linux系统呢?没错,就是那个在服务器上大显神威的Linux!...
安卓系统怎么弹窗广告,Andr... 你有没有发现,手机上时不时就会跳出来一些广告,让人烦不胜烦?尤其是安卓系统的手机,弹窗广告更是让人头...
安卓系统能运行tomcat,基... 你有没有想过,安卓系统竟然能运行Tomcat?这可不是什么天方夜谭,而是实实在在的技术实现。想象你的...
小米减少安卓系统耗电,深度解析... 你知道吗?最近小米手机界可是掀起了一阵小风波呢!那就是——小米减少安卓系统耗电的大动作!是不是听起来...
原生系统的安卓电视,体验流畅智... 你有没有想过,家里的电视竟然也能像智能手机一样,玩转各种应用和游戏?没错,这就是原生系统的安卓电视的...
老版电脑装安卓系统,探索安卓系... 你有没有想过,那些曾经陪伴我们度过无数时光的老版电脑,现在竟然也能装上安卓系统呢?这可不是天方夜谭,...
安卓系统查看mac地址,安卓系... 你有没有想过,你的安卓手机里隐藏着一个小秘密——那就是它的MAC地址!这个看似普通的数字组合,其实能...
ios系统和安卓系统的比较,全... 你有没有想过,为什么你的手机里装的是苹果的iOS系统,而朋友的手机却是安卓的呢?这两种系统各有各的特...
不是基于安卓的系统,多元化移动... 你知道吗?在科技的世界里,有一种操作系统,它可不是什么安卓哦!今天,就让我带你一起探索这个神秘的世界...
苹果上安卓系统游戏,揭秘跨平台... 你有没有想过,那些在苹果手机上玩得如痴如醉的游戏,竟然也能在安卓系统上畅游?没错,就是那种一触即发、...
安卓鸿蒙苹果系统对比,三大操作... 你有没有发现,现在手机市场上的操作系统之争越来越激烈了?安卓、鸿蒙、苹果,这三个名字几乎成了智能手机...
安卓系统所有暗码大全,暗码大全... 你有没有遇到过那种手机解锁时突然冒出个暗码,让你一头雾水的情况?别急,今天就来给你揭秘安卓系统所有暗...
安卓p原生系统样子,安卓P原生... 你有没有注意到,你的安卓手机最近是不是变得不一样了?没错,就是那个安卓P原生系统,它悄悄地来了,带来...
如何把harmony系统改为安... 你是不是也对Harmony系统有点儿腻味了,想要换换口味,试试安卓系统的魅力呢?别急,今天就来手把手...
郑州安卓会议视频系统,高效便捷... 你有没有想过,在繁忙的会议中,如何让每个人都能清晰地看到演示内容呢?今天,就让我带你走进郑州安卓会议...
安卓平板怎么备份系统,全方位备... 你有没有想过,如果你的安卓平板突然“罢工”了,里面的资料怎么办?别急,今天就来教你怎么备份系统,让你...