cli3设置端口号 vue_Vue-cli3 项目配置 Vue.config.js

本文介绍了如何使用Vue-cli3创建项目并配置Vue.config.js文件,包括设置项目启动时的端口号为8080以及配置路径别名。通过手动配置,可以自定义项目的基本路径、输出目录、eslint检查等。使用npm run serve启动项目,并展示了一个具体的Vue.config.js配置示例。
摘要由CSDN通过智能技术生成

使用图形化界面打开cmd输入vue ui

上述命令会打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程。

选择要放置项目文件的路径

接着我选手动配置:

下面选项看个人需求!

功能:

配置:

history模式和hash模式是不一样的!最后点击创建项目等待一会即可

使用 npm run serve 就可以将项目跑起来了

在项目根目录新建 vue.config.js 配置文件 (可选)举例

module.exports = {

// 基本路径

baseUrl: '/',

// 输出文件目录

outputDir: 'dist',

// eslint-loader 是否在保存的时候检查

lintOnSave: true,

// use the full build with in-browser compiler?

// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only

compiler: false,

// webpack配置

// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值