Vous pouvez maintenant accéder à votre application avec localhost:4545
aussi, si vous avez .env fichier de mieux les définir à partir de là
Dans la dernière vuejs version. Le fichier n'est plus utilisé, au lieu d'utiliser: <your_project_root>/vue.config.js. Votre réponse est correcte, mais s'il vous plaît mentionner Vue de version. Le fichier myApp/config/index.js n'existe pas! Vue de la CLI de 3 utilisations vue.config.js à la racine du projet. Il doit être créé manuellement IIRC. il n'y a pas de vue.config.js il y
Si vous utilisez vue-cli 3.x, vous pouvez tout simplement passer le port de la npm de commande comme suit:
npm run serve -- --port 3000
Puis visite http://localhost:3000/
Vous m'avez sauvé un temps précieux, comme la première -- n'est pas écrit dans la doc: cli.vuejs.org/guide/cli-service.html#using-the-binary. J'ai été taper npm run serve --port 3000 ce qui semble logique pour moi, mais j'ai eu des erreurs... bravo!
La fin de la partie, mais je pense qu'il est utile de regrouper toutes ces réponses en indiquant toutes les options.
Séparés en Vue de la CLI v2 (webpack modèle) et la Vue de la CLI v3, classées par ordre de priorité (élevé à faible).
Vue de la CLI v3
package.json: Ajouter option port serve script: scripts.serve=vue-cli-service serve --port 4000
CLI Option --port à npm run serve, par exemple npm run serve -- --port 3000. Remarque le --, ce qui rend les passes du port de l'option pour le mécanisme national de prévention de script à la place de mnp lui-même. Depuis au moins v3.4.1, il faut par exemple vue-cli-service serve --port 3000.
Variable d'environnement $PORT, par exemple PORT=3000 npm run serve
.env Fichiers, plus spécifiques envs remplacer les moins spécifiques, par exemple PORT=3242
vue.config.js, devServer.port, par exemple devServer: { port: 9999 }
cela fonctionne merci Ressemble un peu à la dernière vue de la cli (à l'aide d'3.4.1), voici mon "servir" ligne dans le paquet.json: "serve": "vue-cli-service serve --port 4000",. Fonctionne très bien! Merci, j'ai vérifié et l'ajouter à la réponse.
Que le temps de cette réponse de l'écrit (5 Mai 2018), vue-cli a sa configuration hébergé à <your_project_root>/vue.config.js. Pour changer le port, voir ci-dessous:
Une autre option si vous utilisez la vue de la cli 3 est d'utiliser un fichier de configuration. Faire un vue.config.js au même niveau que votre package.json et de mettre une config comme suit:
module.exports = {
devServer: {
port: 3000
}
}
La configuration avec le script:
npm run serve --port 3000
fonctionne très bien, mais si vous avez plus d'options de configuration j'aime le faire dans un fichier de config. Vous pouvez trouver plus d'infos dans la docs.
Une approche alternative avec vue-cli version 3 est pour ajouter un .env fichier à la racine du répertoire du projet (à côté de package.json) avec le contenu:
PORT=3000
De course npm run serve va maintenant indiquer que l'application est en cours d'exécution sur le port 3000.
Dans mon projet vue dans le code de visual studio, j'ai dû mettre cela dans /config/index.js.
Changement dans l':
module.exports = {
dev: {
//Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},
host: 'localhost', //can be overwritten by process.env.HOST
port: 8090, //can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
notifyOnErrors: true,
poll: false
}
}
Le port de la Vue-cli webpack modèle est disponible dans votre application root
myApp/config/index.js
.Tout ce que vous avez à faire est de modifier le
port
valeur à l'intérieur de ladev
bloc:Vous pouvez maintenant accéder à votre application avec
localhost:4545
aussi, si vous avez
.env
fichier de mieux les définir à partir de làVotre réponse est correcte, mais s'il vous plaît mentionner Vue de version.
Le fichier
myApp/config/index.js
n'existe pas!Vue de la CLI de 3 utilisations vue.config.js à la racine du projet. Il doit être créé manuellement IIRC.
il n'y a pas de vue.config.js il y
OriginalL'auteur samayo
Si vous utilisez
vue-cli
3.x, vous pouvez tout simplement passer le port de lanpm
de commande comme suit:npm run serve -- --port 3000
Puis visite
http://localhost:3000/
--
n'est pas écrit dans la doc: cli.vuejs.org/guide/cli-service.html#using-the-binary. J'ai été tapernpm run serve --port 3000
ce qui semble logique pour moi, mais j'ai eu des erreurs... bravo!OriginalL'auteur Nick Litwin
La fin de la partie, mais je pense qu'il est utile de regrouper toutes ces réponses en indiquant toutes les options.
Séparés en Vue de la CLI v2 (webpack modèle) et la Vue de la CLI v3, classées par ordre de priorité (élevé à faible).
Vue de la CLI v3
package.json
: Ajouter option portserve
script:scripts.serve=vue-cli-service serve --port 4000
--port
ànpm run serve
, par exemplenpm run serve -- --port 3000
. Remarque le--
, ce qui rend les passes du port de l'option pour le mécanisme national de prévention de script à la place de mnp lui-même. Depuis au moins v3.4.1, il faut par exemplevue-cli-service serve --port 3000
.$PORT
, par exemplePORT=3000 npm run serve
.env
Fichiers, plus spécifiques envs remplacer les moins spécifiques, par exemplePORT=3242
vue.config.js
,devServer.port
, par exempledevServer: { port: 9999 }
Références:
Vue de la CLI v2 (obsolète)
$PORT
, par exemplePORT=3000 npm run dev
/config/index.js
:dev.port
Références:
Ressemble un peu à la dernière vue de la cli (à l'aide d'3.4.1), voici mon "servir" ligne dans le paquet.json:
"serve": "vue-cli-service serve --port 4000",
. Fonctionne très bien!Merci, j'ai vérifié et l'ajouter à la réponse.
OriginalL'auteur wwerner
Que le temps de cette réponse de l'écrit (5 Mai 2018),
vue-cli
a sa configuration hébergé à<your_project_root>/vue.config.js
. Pour changer le port, voir ci-dessous:Plein
vue.config.js
de référence peut être trouvé ici: https://cli.vuejs.org/config/#global-cli-configNoter que, comme indiqué dans les docs, “Toutes les options pour webpack-dev-server” (https://webpack.js.org/configuration/dev-server/) est disponible à l'intérieur de la
devServer
section.Réponse d'édition. Merci pour le lien cassé.
Doit avoir été un \. effet sur ce site 🙂
OriginalL'auteur TomyJaya
Dans le
webpack.config.js
:Vous pouvez changer le port dans le
module.exports
->devServer
->port
.Alors vous restrat la
npm run dev
. Vous pouvez l'obtenir.OriginalL'auteur aircraft
Une autre option si vous utilisez la vue de la cli 3 est d'utiliser un fichier de configuration. Faire un
vue.config.js
au même niveau que votrepackage.json
et de mettre une config comme suit:La configuration avec le script:
fonctionne très bien, mais si vous avez plus d'options de configuration j'aime le faire dans un fichier de config. Vous pouvez trouver plus d'infos dans la docs.
OriginalL'auteur derFBeste
Meilleur moyen est de mettre à jour le service de commande de script dans votre
package.json
fichier. Ajoutez simplement--port 3000
comme suit:OriginalL'auteur Julien Le Coupanec
Une approche alternative avec
vue-cli
version 3 est pour ajouter un.env
fichier à la racine du répertoire du projet (à côté depackage.json
) avec le contenu:PORT=3000
De course
npm run serve
va maintenant indiquer que l'application est en cours d'exécution sur le port 3000.OriginalL'auteur Chris Dickson
Dans mon projet vue dans le code de visual studio, j'ai dû mettre cela dans /config/index.js.
Changement dans l':
OriginalL'auteur Terje Solem