宝塔面板怎么搭建vue项目

宝塔面板怎么搭建vue项目

宝塔面板怎么搭建vue项目

宝塔面板是一个非常方便的Web服务器管理工具,可以帮助我们快速搭建各种项目。下面是使用宝塔面板搭建Vue项目的步骤:

1. 安装宝塔面板

首先,我们需要在服务器上安装宝塔面板。可以通过以下命令来进行安装:

curl -sSO http://download.bt.cn/install/install_6.0.sh && bash install_6.0.sh

2. 登录宝塔面板

安装完成后,可以通过浏览器访问服务器的IP地址加端口号(默认是8888)来登录宝塔面板。

输入用户名和密码,就可以成功登录宝塔面板。

3. 创建网站

登录成功后,点击左侧菜单栏中的“网站”,然后点击“添加站点”按钮来创建一个新的网站。

填写网站域名、目录、备注等信息,并选择对应的PHP版本,然后点击“添加站点”按钮进行创建。

4. 安装Node.js

Vue项目需要在服务器上安装Node.js环境。点击左侧菜单栏中的“软件商店”,然后搜索“Node.js”,选择对应版本并进行安装。

5. 安装Vue CLI

打开宝塔面板的文件管理器,进入到网站的根目录下。点击右上角的“终端”按钮,然后执行以下命令来安装Vue CLI:

npm install -g @vue/cli

6. 创建Vue项目

在终端中执行以下命令来创建一个新的Vue项目:

vue create your_project_name

按照提示选择相应的配置选项,并等待项目创建完成。

7. 构建项目

项目创建完成后,进入到项目目录中,执行以下命令来构建项目:

npm run build

这将会生成一个dist目录,里面包含了构建好的项目文件。

8. 部署项目

回到宝塔面板的文件管理器,将dist目录中的文件复制到网站的根目录下。

然后,点击左侧菜单栏中的“网站”,找到刚才创建的网站,在“网站目录”一栏中输入网站的根目录路径,点击保存。

9. 访问项目

完成以上步骤后,就可以通过浏览器访问你的Vue项目了。

输入网站域名,就可以看到部署好的Vue项目了。

通过以上步骤,你可以轻松地使用宝塔面板搭建并部署Vue项目。

0

113