手把手教你如何在服务器上运行vue项目

前言

       自己最近买了一台服务器,开始倒腾倒腾Linux系统,熟悉熟悉命令,为以后做做准备。现在就是想把项目的代码放到服务器上运行并且打包,于是开始了一系列的查找与摸索。

准备工作

        首先要清楚:要使得前端项目在服务器上运行(vue项目)需要哪些环境及工具。总所周知,vue项目的开发运行是基于nodejs(javascript)运行环境,同时需要npm包管理器安装依赖,所以:

1、安装nodejs,npm

       我的服务器是ubuntu的操作系统(发行版),所以可以通过默认的存储库进行下载,也有其他方法可以下载安装,下篇文章进行具体介绍。

更新本地软件包
下载nodejs 和 npm

这两个命令下载安装nodejs和npm,可以通过检查nodejs的版本号检查安装是否成功。

检测版本号


2、下载项目代码

       可通过ftp网络工具进行项目上传,当然如果你的项目在git仓库中管理,那么就更好了。首先想要在服务器上使用git命令就要先下载。

下载安装git

创建文件夹存放项目代码

创建code文件夹

这时候就要考虑如何从仓库clone下代码,clone需要仓库地址,可以去仓库复制地址,也可以在项目中使用

--》git remote v

--》git remote show origin

获取仓库地址,在新建的文件夹目录下clone该仓库代码

--》gti clone xxx(仓库地址)

3、使用npm下载安装依赖包

--》npm install

4、启动项目

--》npm run serve

这时可能会报Error: ENOSPC: System limit for number of file watchers reached错误

限制错误

 这是文件监视程序的系统产生了限制,达到了默认的上限,需要增加限额

找到sysctl.conf,进入编辑状态加上如下语句:

--》fs.inotify.max_user_watches=524288

然后执行命令:

--》sysctl -p

最后重新运行项目

--》 npm run serve

一切大功告成!!!

如有错误,请多指教

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容