\$ sudo apt install git # 安装前置依赖.
\$ sudo apt install nodejs npm # 安装npm包管理器.
\$ sudo npm install -g @vue/cli # 全局安装 vue，这里我漏了一句，我忏悔.
\$　vue --version　＃验证版本．
@vue/cli 5.0.9 # 显示这个代表安装成功.

\$ cd ~ # 跳转到家目录.
\$ mkdir vueWorkSpace # 创建项目目录.
\$ cd vueWorkSpace
\$ vue create first
🎉  Successfully created project first. # 出现这一行代表创建默认Vue前端文件结构成功.
\$ cd first # 进入前端项目根目录, 可以这里面修改或添加你的前端页面.
\$ npm run build # 打包.
# 出现下面两行代表打包成功.
 DONE  Build complete. The dist directory is ready to be deployed.
 INFO  Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html

 \$ ls
 babel.config.js  jsconfig.json  package.json       public     src
dist             node_modules   package-lock.json  README.md  vue.config.js
# 这个dist就是打包好的文件.

\$ cd dist 
\$ sudo mkdir -p /var/www/first/dist # 在www目录创建项目文件夹.
\$ sudo cp -r ./ /var/www/first/dist # 复制一份dist文件夹到 www 路径.
\$ sudo vim +40 /etc/nginx/sites-enabled/default # 编辑配置文件，找到40行附近.

    41          # root /var/www/html; # 注释掉原来的配置.
    42          root /var/www/first/dist; # 改成自己的.
：wq # 保存退出.

\$ sudo nginx -t # 这里漏了 -t 我忏悔，再一次.
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
# 测试成功.
\$ sudo nginx -s reload # 重载nginx服务.