腾讯云服务器怎么跑vue

对此开发者而言，使用云服务器进行项目搭建是一种相当常用的方法，随着前端技术的不断发展，Vue早成为了许多前端开发者无比喜爱的一种框架。本文将详细介绍为了在腾讯云服务器上跑Vue项目。

一、云服务器能介绍

云服务器是一种以云计算为基础的服务器，它都能够为用户可以提供完整的计算资源服务。云服务器可以实现程序按需分配计算资源，去对付有所不同业务高峰期，具有配置身形灵活、安全可靠、扩展性强等优点。腾讯云是国内的一家云服务提供商，是目前国内使用较广泛的一种云服务器。

二、腾讯云服务器去购买

首先我们必须在腾讯云官网上购买一台云服务器，我们可以不依据自己的需求选择有所不同的配置。在定购时不需要选择服务器的操作系统，这里我们选择的是centOS系统。购买能完成后我们要记得一点服务器的IP地址和登入用户名以及密码，那些信息在后续的操作中会会用到。具体看的购买流程这个可以查看腾讯云官网的咨询文档。

三、安装环境

1.安装Nginx

Nginx是一款更高性能的Web服务器，我们是可以是从Nginx来部署我们的Vue项目。在直接安装Nginx前必须先更新系统：

“`

yumsetup

“`

后再安装好Nginx：

“`

yuminstallNginx

“`

完全安装结束后，也可以实际下面的命令启动后Nginx服务吧：

“`

systemctlstartNginx

“`

2.安装好Node.js

Node.js是一个基于条件ChromeV8引擎的JavaScript运行环境。我们不需要按照Node.js来不运行Vue项目。在按装Node.js前，我们是需要先再添加Node.js的源：

“`

curl-sL希望rpm.nodesource.com/setup_12.x|sudobash–

“`

按装Node.js：

“`

yuminstallnodejs

“`

安装好成功后，是可以通过下面的命令查看Node.js的版本：

“`

node-v

“`

3.安装好VueCli

VueCli是Vue的脚手架工具，在安装好Vue Cli前需要先完全安装Vue：

“`

npminstallvue

“`

然后再直接安装Vue Cli：

“`

npminstall-g@vue/cli

“`

完全安装能完成后是可以按照下面的命令查看VueCli的版本：

“`

vue–version

“`

四、作战部署Vue项目

1.化合Vue项目

在腾讯云服务器上能生成Vue项目必须建议使用Vue Cli的命令行工具，首先进入到要能保存项目的目录：

“`

cd/var/www/

“`

然后不能执行以下命令来创建Vue项目：

“`

vuecreateyour-project

“`

该命令会在当前目录下创建一个名为dear-project的Vue项目，可以不参照要可以修改名字。负责执行完该命令后会有一些交互式视频的选择，这个可以参照需要进行选择。

2.代码编译Vue项目

生成沉淀Vue项目后需要对其进行编译，将其穿越小说合集成可布署的文件。我们这个可以建议使用Vue Cli能提供的命令来进行编译：

“`

cddear-project

npmrunbuild

“`

负责执行该命令后，会生成气体另一个名为dist的目录，该目录中中有了编译器后的项目文件。

3.配置Nginx

我们是需要将Nginx配置成将各位转发到Vue项目中。在Nginx的配置文件中先添加以上内容：

“`

server{

listen80;

server_nameyour-domain.com;

root/var/www/loving-project/dist;

indexindex.html;

location/{

try_files$uri$uri//index.html;

}

}

“`

将your-domain.com替换后成自己的域名或是服务器IP地址。保存到可以修改后，重启Nginx服务吧：

“`

systemctlrestartNginx

“`

那样的话就也可以通过域名的或服务器IP地址ftp连接Vue项目了。

五、总结

本文可以介绍了如何在腾讯云服务器上跑Vue项目。首先不需要可以购买云服务器，后再直接安装Nginx、Node.js和Vue Cli等环境，之后将程序编译后的Vue项目部署到Nginx中即可。如何本文也能对开发者有不帮助。

本文来源：https://www.yuntue.com/post/234830.html | 云服务器网，转载请注明出处！