宝塔环境下配置PM2+NODE+VUE+WEBPACK环境

本文介绍了如何在宝塔环境中配置PM2、NODE、VUE和WEBPACK。首先安装宝塔界面和PM2,接着验证NODE和npm的版本。然后通过cnpm安装webpack和vue-cli,创建并初始化Vue项目。在项目目录中安装依赖,并配置访问IP和端口号。最后,运行项目并解决可能出现的npm run dev报错问题。

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

1.安装宝塔界面;

2.在宝塔界面“软件管理”或“软件商店”安装PM2;

3.检查是否安装成功和版本号,用SSH登陆服务器;输入:

a、node -v 命令:查看node的版本,若出现相应的版本号,则说明你安装成功了。
b、npm -v 命令:npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息。

4.安装cnpm

在命令行中输入  npm install -g cnpm --registry=http://registry.npm.taobao.org  ,然后等待,没报错表示安装成功。

5.安装webpack

在命令行中输入  cnpm install -g webpack

6.安装vue的脚手架工具

在命令行中输入  cnpm install -g vue-cli

输入:vue,回车,若出现vue信息说明表示成功。

7.创建项目(可以直接进入宝塔默认网站目录 cd /www/wwwroot/ 执行。 )

在命令行中输入:vue init webpack vue_test(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项。

注意事项:此时会不断要你输入些东西,注意到Eslint那个选项是选择
N(Eslint是语法规则和代码风格的检查工具,会自动检测当前项目的代码是否符合预设的规则,如果你的代码写得不符合预设的规则会报错),然后一直回车。

8.安装项目所需依赖,进入项目中:

cd vue_test

cnpm install

完成后,会发现项目目录下多出一个node_modules文件夹,里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值