前言
自己最近买了一台服务器,开始倒腾倒腾Linux系统,熟悉熟悉命令,为以后做做准备。现在就是想把项目的代码放到服务器上运行并且打包,于是开始了一系列的查找与摸索。
准备工作
首先要清楚:要使得前端项目在服务器上运行(vue项目)需要哪些环境及工具。总所周知,vue项目的开发运行是基于nodejs(javascript)运行环境,同时需要npm包管理器安装依赖,所以:
1、安装nodejs,npm
我的服务器是ubuntu的操作系统(发行版),所以可以通过默认的存储库进行下载,也有其他方法可以下载安装,下篇文章进行具体介绍。
这两个命令下载安装nodejs和npm,可以通过检查nodejs的版本号检查安装是否成功。
2、下载项目代码
可通过ftp网络工具进行项目上传,当然如果你的项目在git仓库中管理,那么就更好了。首先想要在服务器上使用git命令就要先下载。
创建文件夹存放项目代码
这时候就要考虑如何从仓库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
一切大功告成!!!
如有错误,请多指教