linux 配置vue环境

本文介绍如何在Linux环境下安装配置Node.js及Vue开发环境,包括Node.js的下载、上传、解压、重命名及软连接创建过程,以及通过npm安装cnpm和vue-cli的方法。

系统

[root@Gao conf.d]# uname -a

工具

1、Final Shell

2、工具截图

 

需要下载的部分

node.js    npm   cnpm   vue-cli

安装node.js

1、下载对应的版本

2、上传到服务器

3、解压

# tar -xvf   

4、重命名

# mv 

5、进入bin/ 查看是否有软连接

6、建立软连接 

# ln -s  

7、检验是否ok

安装cnpm

1、使用安装好的npm安装

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

 

2、安装完成后

3、建立软连接

# ln -s

安装vue-cli

 1、cnpm 安装

 

转载于:https://www.cnblogs.com/shuangzikun/p/linux_taotao_vue.html

Linux系统上搭建Vue 3开发环境,可按以下详细步骤操作: ### 下载安装Node.js - 下载:使用`wget`命令下载指定版本的Node.js,例如 `wget https://nodejs.org/download/release/v6.12.3/node-v6.12.3-linux-x64.tar.gz` [^1]。 - 解压:将下载的文件解压到指定目录,如`tar -xzvf node-v6.12.3-linux-x64.tar.gz -C /home/ybx/software/vue` [^1]。 - 配置环境变量:设置`NODEJS_HOME`并将其添加到`PATH`中,示例如下: ```bash export NODEJS_HOME=/home/hadoop/app/node-v6.12.3-linux-x64 export PATH=${PATH}:${NODEJS_HOME}/bin ``` - 重启环境变量文件:执行`source /etc/profile`使环境变量生效 [^1]。 ### 处理版本显示问题 若下载完成后,执行`node -v`显示的仍是之前的版本,可根据不同的shell版本执行`hash -r`或者`rehash`。例如使用bash时,执行`hash -r` [^3]。 ### 安装相关依赖 - 安装npm:执行`sudo npm install npm -g`更新npm到最新版本 [^3]。 - 安装Vue:执行`sudo npm install vue -g`全局安装Vue [^3]。 - 安装Vue CLI:执行`sudo npm install @vue/cli -g`全局安装Vue CLI,用于创建和管理Vue项目 [^3]。 - 安装webpack:执行`sudo npm install webpack -g`全局安装webpack [^1][^3]。 ### 设置国内源(可选) 为了提高下载速度,可以设置国内源,例如: ```bash sudo npm config set registry http://xxx.xxx.xx sudo npm install -g cnpm --registry=http://xxx.xxx.xx ``` ### 创建并运行Vue 3项目 - 创建项目:使用Vue CLI创建新的Vue 3项目,如`vue create vuedemo` [^3]。 - 进入项目目录:执行`cd vuedemo`进入项目目录 [^3]。 - 运行项目:使用`cnpm run serve`启动开发服务器,在浏览器中访问项目 [^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值