如何在服务器上安装 vue-cli？

Question

我搜索过安装 vue-cli。所有这些都安装在 localhost:8080.

服务器上无法安装吗？

我试图在我的服务器的端口 8080 上安装 vue-cli 但它安装在端口 8081 上。

但是端口 8081 在我的服务器上被阻止了。

我的框架是Laravel + vue.js

Answer 1

你是在生产模式下做的吗？如果是，那么您可能需要先通过运行 npm run build 构建 vue 应用程序。它将生成一个 dist 文件夹，这就是您在 laravel 应用程序中需要的文件夹。

Answer 2

如果你想要 2 个单独的项目，那么使用 vue-cli 就可以了。但是 laravel 自带 vue 支持，所以你可能不需要 vue-cli。

确保将主 js 文件添加到 webpack.mix.js。例如：

let mix = require('laravel-mix');

mix.js('src/app.js', 'dist');

mix.options({ 
  hmrOptions :{
    host: 'localhost',
    port: '8080'
  }
});

这应该与 app.js 一起使用，例如：

Add import Vue from 'vue';
import Notification from './components/Notification.vue';
new Vue({
    el: '#app',
    components: { Notification }
});

npm run dev 运行 webpa

How to install vue-cli on a server?