当前位置:首页 > 操作系统 > Linux

Linux 安装Nodejs并搭建Vue环境

Linux 安装Nodejs并搭建Vue环境

官网下载Node安装包

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

点击下载
Linux 安装Nodejs并搭建Vue环境 - 文章图片
下载完成,如图所示
Linux 安装Nodejs并搭建Vue环境 - 文章图片

解压

	#解压成tar包
	xz -d node-v14.15.4-linux-x64.tar.xz
	
	#解压到我的目标目录
	tar zxvf 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中的,你呢根据需求更改

vim /etc/profile

增加内容到最后

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

:wq

刷新

source /etc/profile

测试

node -v

Linux 安装Nodejs并搭建Vue环境 - 文章图片

出现这个表示安装nodejs成功

Vue安装

安装cnpm

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

等待5分钟左右

成功后,测试一下
Linux 安装Nodejs并搭建Vue环境 - 文章图片
安装cli脚手架

cnpm install -g vue-cli

完成后就可以初始化Vue项目了,下面代码在哪个目录创建就在哪个目录生成 项目文件

vue init webpack vue-demo

按照我这个模板来,没有让输入 yes/no的,全部回车
Linux 安装Nodejs并搭建Vue环境 - 文章图片
安装完成
Linux 安装Nodejs并搭建Vue环境 - 文章图片

cd vue-demo
npm run dev

Linux 安装Nodejs并搭建Vue环境 - 文章图片
启动成功,进网址看看吧

	网址输入:  localhost:8080

Linux 安装Nodejs并搭建Vue环境 - 文章图片


【说明】本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!

相关教程推荐

其他课程推荐