Linux 安装Nodejs并搭建Vue环境

最新推荐文章于 2025-04-17 17:05:26 发布

灿烂的小火炬

最新推荐文章于 2025-04-17 17:05:26 发布

阅读量854

点赞数 2

分类专栏： Linux环境搭建笔记 VUE 文章标签： vue npm linux nodejs

本文链接：https://blog.youkuaiyun.com/qq_44630724/article/details/112772688

版权

Linux环境搭建笔记同时被 2 个专栏收录

6 篇文章

订阅专栏

VUE

6 篇文章

订阅专栏

本文详细介绍了如何在Linux环境下安装Node.js并搭建Vue开发环境，包括下载安装包、配置环境变量及使用cnpm安装Vue CLI等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官网下载Node安装包

	https://nodejs.org/en/download/

点击下载
在这里插入图片描述
下载完成，如图所示

解压

	#解压成tar包
	xz -d node-v14.15.4-linux-x64.tar.xz
	
	#解压到我的目标目录
	tar xvf node-v14.15.4-linux-x64.tar -C /opt/module
	
	#进入我的目标目录
	cd /opt/module
	
	#修改文件名
	mv node-v14.15.4-linux-x64 nodejs
	#修改权限
	sudo chmod 777 -R nodejs

配置全局环境变量

我们需要配一下nodejs中bin目录的环境变量
我是放在/opt/module中的，你呢根据需求更改

sudo vim /etc/profile

增加内容到最后

export PATH=$PATH:/opt/module/nodejs/bin

:wq

刷新

source /etc/profile

测试

node -v

在这里插入图片描述

出现这个表示安装nodejs成功

Vue安装

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

等待5分钟左右

成功后，测试一下
在这里插入图片描述
安装cli脚手架

cnpm install  -g @vue/cli

安装成功后输入，进入创建项目的UI界面，方便快速构建项目

vue ui

在这里插入图片描述
后面跟着走

其他的需要什么，你就自己勾选，不懂得就跟着我一样选，就选这三个，其他的不用勾选

编译成功后，网址输入

网址输入:  localhost:8080

在这里插入图片描述
搭建完成！