liunx centos9安装nodejs并搭建vue 图文详解手把手教程

有目标就不怕路远。年轻人.无论你现在身在何方.重要的是你将要向何处去。只有明确的目标才能助你成功。没有目标的航船.任何方向的风对他来说都是逆风。因此,再遥远的旅程,只要有目标.就不怕路远。没有目标,哪来的劲头?一车尔尼雷夫斯基

导读:本篇文章讲解 liunx centos9安装nodejs并搭建vue 图文详解手把手教程,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/134090.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论

评论列表(1条)

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!