vue 目录详解

最新推荐文章于 2024-06-20 10:26:21 发布
最新推荐文章于 2024-06-20 10:26:21 发布
阅读量3.3k 收藏 11
点赞数 2
分类专栏： vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40576549/article/details/123052067
版权
本文详细介绍了Vue2.x和Vue CLI4.x项目的目录结构，并讲解了如何配置开发、测试和正式环境的请求接口地址，包括.env文件的使用。同时，阐述了如何通过npm命令启动本地服务器、打包文件及部署到不同环境。还提到了Vue CLI的publicPath配置以及CDN的使用方法。
摘要由CSDN通过智能技术生成

1. 目录结构（vue2.x、vue/cli4.x）

 

2. 测试和正式环境发布

①根目录下面创建 .env.development、 .env.test、 .env.production文件，分别配置开发、测试、正式环境的请求接口地址；

.env.development： VUE_APP_BASE_API = 'https://xxx.dev.com/Api/'

.env.production ： VUE_APP_BASE_API = 'https://xxx.com/Api/'

.env.test： VUE_APP_BASE_API

最低0.47元/天 解锁文章
周小六
关注
  • 2
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue工程目录详解，详细解说
m0_61549353的博客
03-20 651
│ ├── dev-client.js 开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新。│ ├── build-server.js 运行本地构建服务器，可以访问构建后的页面。│ ├── webpack.dev.conf.js wabpack开发环境配置。│ └── webpack.prod.conf.js wabpack生产环境配置。│ ├── webpack.base.conf.js wabpack基础配置。
vue 文件目录结构详解
11-26
Vue.js 文件目录结构详解 在基于 Vue.js 的前端开发环境中，构建一个单页应用程序(SPA)通常涉及到多种技术栈和工具。以下是一个典型的 Vue.js 项目目录结构的详细解析： 1. **README.md** - 项目介绍文件，包含了...
Vue项目的详细目录结构解析
最新发布
weixin_45131680的博客
06-20 730
我们在使用Vuevue-demo├── dist //项目构建后的输出目录├── public├── src├── tests //选装：测试模块├── ...dist—— 项目构建打包后的默认输出目录。查看详情 ->—— 项目依赖文件，其中包括很多基础依赖和自己安装的依赖。查看详情 ->public—— 存放公共资源和项目的主入口文件index.html。查看详情 ->src—— 项目核心文件夹：包括项目源码，各种静态资源等等。是我们开发的重点工作目录。查看详情 ->test。
vue中目录详解
weixin_64315174的博客
03-02 2898
vue中目录详解
【Vue.js】vue项目目录作用
ass201295的专栏
01-06 141
1. build文件夹：打包配置的文件夹 　　1.1 webpack.base.conf.js ：打包的核心配置 　　1.2 build.js：构建生产版本，项目开发完成之后，通过build.js打包（加载base与prod，读取完之后通过webjpack命令对项目进行打包） 　　1.3 webpack.prod.conf.js：被build.js调用，webpack生产包的...
vue2.x工程目录简介
weixin_33881753的博客
01-22 247
工程目录简介 上一篇文章写了如何利用vue-cli3.0脚手架快速的搭建一个基于vue2.x的工程 这一篇文章就简单介绍一下工程目录结构。 |--dist 打包之后的发布目录 | |--css 存放打包之后的css文件夹 | |--img ...
Vue监听详解.docx
04-11
Vue.js 是一款流行的轻量级前端JavaScript框架，以其响应式数据绑定和组件化特性而闻名。在Vue中，监听（监听器）是实现这一响应性的重要组成部分，它允许开发者在数据变化或特定事件发生时执行相应的处理逻辑。本文...
vue内置指令详解
08-27
Vue 内置指令详解 Vue 内置指令是 Vue 模板中最常用的功能之一，它们带有前缀 v-，主要职责是当其表达式的值改变时，相应的将某些行为应用在 DOM 上。下面将详细介绍 Vue 内置指令的使用方法和应用场景。 一、v-...
Vue异步组件使用详解
08-30
Vue.js 是一款流行的前端框架，它提供了一种强大的特性——异步组件，使得开发者能够按需加载组件，提高应用的性能。异步组件是Vue.js中优化应用加载速度的重要手段，尤其是在大型项目中，能够显著减少初始加载时间...
vue项目目录结构详解
qq_20382175的博客
03-21 796
前后端分离后，开发前需要和后端同学定义好接口信息（请求地址，参数，返回信息等），前端通过 mock 的方式，即可开始编码，无需等待后端接口 ready。可以为每个组件编写单元测试，放在 test/unit/specs 目录下面, 单元测试用例的目录结构建议和测试的文件保持一致（相对于src），每个测试用例文件名以 .spec.js结尾。这样，如果 mock 目录下有定义了接口 /api/hello ，将会转发到 ​ ​http://172.16.36.90/:8083/api/hello​。
vue 目录结构介绍
weixin_30457551的博客
03-23 85
1 初始目录如下： 2 目录结构介绍 bulid:最终帆布的代码存放位置 config：配置目录，包括端口号等 node_modules:npm加载的项目依赖模块 src:z这里是我们要开发的目录，基本上要做的事情在这个目录里面。： assets：放置一些图片，如logo等； components:目录里面存放一个组件文件，可以不用。 App.vue;项目入口文件，我们可以直接...
vue项目结构目录介绍
LEP2969171141的博客
03-02 7357
vue项目介绍
vuejs目录介绍
weixin_34151004的博客
12-21 334
1.vuejs目录 转载于:https://www.cnblogs.com/lingwang3/p/10157351.html
vue目录分析
莱尼的博客
10-17 171
main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' //自动配置router中的index.js import router from './router' Vue.conf
VUE文件目录详解
weixin_42921043的博客
12-05 259
鄙人的理解，没有下test文件
Vue的目录结构
起小点
03-04 1206
Vue.js中的目录结构 目录解析 目录文件 说明 build 内容项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： 1. assets: 放置一些...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值