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

时间:2018-06-07 01:26:40

标签: laravel vue.js vue-cli

我搜索了有关安装vue-cli的信息。 所有这些都安装在localhost:8080

是否无法在服务器上安装?

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

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

我的框架为Laravel + vue.js

2 个答案:

答案 0 :(得分:1)

你是在生产模式下做的吗?如果是,那么您可能需要首先运行npm run build来构建vue应用程序。它会生成一个dist文件夹,这就是您在laravel应用程序中所需的内容。

答案 1 :(得分:0)

如果您想要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