vue脚手架的自定义配置

当我们用脚手架创建出一个vue项目之后，它已经帮我们预先帮我们把一些基本的配置项搞定了。但是我们程序员可能要进行一些自定制的配置。
那如何进行自定制的配置呢？有两种方式：

一，通过package.json配置项目。

先看这条命令：

这意味着，要运行代码，就需要把运行：npm run serve

得到这个，说明需要手动复制这个地址才能在浏览器中打开，且端口时8081。
现在我们想把它改成打包完成后自动打开，而且端口号改为8888

 "vue":{"devServer":{"port":8888,"open":true}}

所以我又把这段代码删除，让package.json恢复原样。

二，通过单独的配置文件配置项目

module.exports={devServer:{//自动打开浏览器open:true,port:8888}
}

关闭服务器后重新运行：npm run serve
达到的效果是一样的。

vue脚手架的自定义配置相关推荐

Vue 脚手架生成的项目结构分析||Vue 脚手架的自定义配置
Vue 脚手架生成的项目结构分析 Vue 脚手架的自定义配置
学好vue靠他就行了——vue脚手架，自定义事件，插槽等复杂内容
博主主页:追求- 本文承接上一篇: 学好vue靠他就行了-vue基础知识与原理(一) 学好vue靠他就行了-vue基础知识与原理(二) 希望各位博主多多关注文章目录 2. vue脚手架,自定义事件, ...
Vue框架之Vue脚手架
◆ Vue脚手架作用: Vue脚手架可以快速生成Vue项目基础的架构. ◆ Vue脚手架安装: npm install -g @vue/cli 脚手架安装报错: npm ERR! code EPERM ...
Vue | 使用Vue脚手架【脚手架的基本使用+ref属性+props属性+mixin混入+插件scoped样式+TodoList+浏览器本地存储+组件的自定义事件+全局事件总线+过度与动画】
文章目录脚手架的基本使用初始化脚手架分析脚手架结构 render函数修改默认配置 ref属性 props属性 mixin混入插件 scoped样式 Todo-list案例组件化编码流程(通 ...
Vue笔记_03_使用Vue脚手架
Vue笔记_03_使用Vue脚手架第三章使用Vue脚手架初始化脚手架说明具体步骤项目文件分析 pack-lock-json assets文件夹 components文件夹 main.js ...
7004.vue脚手架快速生成项目
文章目录 1 Vue脚手架可以快速生成Vue项目基础的架构. 1.1 安装3.x版本的Vue脚手架: 1.2基于3.x版本的脚手架创建Vue项目: 1.3 分析Vue脚手架生成的项目结构 2 vue脚 ...
vue脚手架解决跨域问题-------配置反向代理
vue脚手架解决跨域问题-------配置反向代理参考文章: (1)vue脚手架解决跨域问题-------配置反向代理 (2)https://www.cnblogs.com/zbx-boke/p/9 ...
【Vue2.0】—Vue脚手架配置代理（二十二）
[Vue2.0]-Vue脚手架配置代理(二十二) 方法一方法二
【Vue】—Vue脚手架创建项目时的 linter / formatter config配置选择
[Vue]-Vue脚手架创建项目时的 linter / formatter config配置选择 ESLint with error prevention only 只进行报错提醒 ESLint + ...
nodejs绿色版下载安装及配置淘宝镜像、安装vue脚手架
目录一.下载地址二.安装三.测试四.环境配置五.配置淘宝镜像六.安装vue脚手架一.下载地址 nodejs下载详图: 二.安装傻瓜式安装这里我就不多说了(一直点确定就完事了) 三.测 ...

vue脚手架的自定义配置

一，通过package.json配置项目。

二，通过单独的配置文件配置项目

vue脚手架的自定义配置相关推荐

最新文章

热门文章