美文网首页
vue脚手架自定义配置

vue脚手架自定义配置

作者: Lily_FJ | 来源:发表于2019-12-26 22:45 被阅读0次

当我们通过脚手架创建好vue项目,可能需要做一些自定义配置,最近学习了两种配置方法,具体内容如下。

1.通过package.json进行配置

在package.json文件中增加vue节点,把相关配置写入其中,例如:修改端口号为8888,自动打开浏览器。
需要注意的是:1)json配置文件要符合json规范,所有属性使用双引号;2)修改配置文件后需要重新启动。


由于package.json主要用来管理包的配置信息,为了方便维护,推荐单独定义vue.config.js进行相关配置。

2.创建vue.config.js文件进行配置

在根目录下创建vue.config.js文件,同样修改端口号,自动打开浏览器。


重新启动后即可生效。

好记性不如烂笔头,总结和记录工作学习中的点点滴滴,如有不对之处还请指教。

相关文章

  • 纯webpack搭建vue脚手架,单页面应用

    # vue脚手架 ## 说明 ``` vue webpack 自定义脚手架,单页面应用, 支持多进程打包 vue ...

  • VUE----管理脚手架自定义配置项

    我们在使用vue脚手架构建项目的时候可以自定义配置项,并可以保存他们以便下次使用,但是当我们保存了大量的自定义配置...

  • vue、react项目设置多环境变量

    通过多种方式配置vue react项目的环境变量,脚手架构建的项目文档说明比较完善,主要说明不使用脚手架自定义构建...

  • 前端代码生成器

    vue-cli Vue 项目脚手架。支持自定义脚手架内容: 从vue-cli源码学习如何写模板。 create r...

  • vue配置反向代理

    Vue跨域配置- - -反向代理配置 1.脚手架配置:vue.config.js /参考:/https://cli...

  • 基于plop生成前端工程

    基于plop自定义前端vue脚手架,plop是生成脚手架的框架。 plop-vue-cli演示.gif 案例npm...

  • Vue基础语法3

    vue基础语法三 vue-cli脚手架 vue-cli脚手架是vue官方提供的一个快速构建单页面配置环境vue-c...

  • VueCLI和Vite

    Vue CLI脚手架 什么是Vue脚手架?我们前面学习了如何通过webpack配置Vue的开发环境,但是在真实开发...

  • Vue脚手架

    1. Vue 脚手架的基本用法 在没有Vue脚手架的时候,我们需要手动搭建webpack项目、手动去配置vue,现...

  • vue-router配置

    祭出demo: vue-router配置demo 这篇文章介绍的vue-router配置是基于vue-cli脚手架...

网友评论

      本文标题:vue脚手架自定义配置

      本文链接:https://www.haomeiwen.com/subject/rtxroctx.html