vue框架原理基础篇

脚手架基本配置—以及介绍

接上篇文章 点击跳转上篇文章我们已经成功搭建了vue的脚手架了!但是我们还缺少一些基本的配置(如:跨域,一些插件配置,关闭eslint)

在配置前我们先简单介绍下脚手架各个文件的作用吧
在这里插入图片描述

node_modules 是这个依赖文件 是你npm安装的所有依赖都在这个文件夹下

public 有的时候这个文件也可以处理一些静态资源文件 就是一些图片什么的也可以放在这个文件里面和src下asset文件有类似功能

在public文件下
index.html 主配置页面所有的vue页面最后都会被打进这个html 这个html我们可以通过src引入一些库什么的

src文件 源码文件!是我们常用的文件夹
在src下
在这里插入图片描述

src—assetes 静态资源文件夹 可以放置一些图片,以及静态资源

src—components 放组件的地方

src—router 路由配置文件

src—store 状态管理文件 VueX

src—view 放页面的地方

main.js 主配置文件

App.vue 项目入口页面(组件)

基础配置

在根目录下创建vue.config.js文件 配置相关内容!注意配置完成后一定要重新启动

module.exports = {
   
   
    // 基本路径
    publicPath: './', //部署应用包时的基本 URL
    outputDir: 'dist', // 输出文件目录
    assetsDir: '',//放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录
    runtimeCompiler: false, //是否使用包含运行时编译器的 Vue 构建版本。设置为true可以使用template
    productionSourceMap: false,//生产环境是否生成 sourceMap 文件
    lintOnSave: false,//关闭eslint
    chainWebpack(config) {
   
      
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

聒噪,

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值