AI 助理
备案控制台
开发者社区 云计算 文章 正文

Vue3配置开发环境和生产环境

2022-11-17 965
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vue3配置开发环境和生产环境

1、创建开发环境

项目根目录下创建.env.development文件

# 页面标题
VUE_APP_TITLE = 标题
# 开发环境配置
ENV = 'development'
# 连接地址
VUE_APP_API= "http://192.168.4.67:17000/sign/"

2、创建生产环境

项目根目录下创建.env.production文件

# 页面标题
VUE_APP_TITLE = 标题
# 测试环境配置
ENV = 'staging'
# 连接地址
VUE_APP_API= "/sign/"

3、使用

process.env.VUE_APP_API
关键词：
VUE.js配置
开发环境VUE.js
vue3开发环境VUE.js
开发环境生产环境VUE.js
生产环境VUE.js
dashuaigehh
目录
相关文章
游客62mqllx53nctc
|
11天前
|
存储 JavaScript 前端开发
vue3的脚手架模板你真的了解吗？里面有很多值得我们学习的地方！
【10月更文挑战第21天】 vue3的脚手架模板你真的了解吗？里面有很多值得我们学习的地方！
游客62mqllx53nctc
39 3
vue3的脚手架模板你真的了解吗？里面有很多值得我们学习的地方！
CamilleKing
|
8天前
|
JavaScript 前端开发 开发者
Vue 3中的Proxy
【10月更文挑战第23天】Vue 3中的`Proxy`为响应式系统带来了更强大、更灵活的功能，解决了Vue 2中响应式系统的一些局限性，同时在性能方面也有一定的提升，为开发者提供了更好的开发体验和性能保障。
CamilleKing
23 7
小宋1021
|
9天前
|
前端开发 数据库
芋道框架审批流如何实现(Cloud+Vue3)
芋道框架审批流如何实现(Cloud+Vue3)
小宋1021
29 3
龙大吉
|
10天前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码，包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展，代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码，包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具，可以显著提升编码效率和代码质量。
龙大吉
122 4
CamilleKing
|
8天前
|
JavaScript 数据管理 Java
在 Vue 3 中使用 Proxy 实现数据双向绑定的性能如何？
【10月更文挑战第23天】Vue 3中使用Proxy实现数据双向绑定在多个方面都带来了性能的提升，从更高效的响应式追踪、更好的初始化性能、对数组操作的优化到更优的内存管理等，使得Vue 3在处理复杂的应用场景和大量数据时能够更加高效和稳定地运行。
CamilleKing
28 1
CamilleKing
|
8天前
|
JavaScript 开发者
在 Vue 3 中使用 Proxy 实现数据的双向绑定
【10月更文挑战第23天】Vue 3利用 `Proxy` 实现了数据的双向绑定，无论是使用内置的指令如 `v-model`，还是通过自定义事件或自定义指令，都能够方便地实现数据与视图之间的双向交互，满足不同场景下的开发需求。
CamilleKing
28 1
游客zi3qmblbcdexu
|
10天前
|
前端开发 JavaScript
简记 Vue3（一）—— setup、ref、reactive、toRefs、toRef
简记 Vue3（一）—— setup、ref、reactive、toRefs、toRef
游客zi3qmblbcdexu
26 1
大树营养快线
|
11天前
Vue3 项目的 setup 函数
【10月更文挑战第23天】setup` 函数是 Vue3 中非常重要的一个概念，掌握它的使用方法对于开发高效、灵活的 Vue3 组件至关重要。通过不断的实践和探索，你将能够更好地利用 `setup` 函数来构建优秀的 Vue3 项目。
大树营养快线
18 2
刘大猫.
|
14天前
|
JavaScript 前端开发 API
vue3知识点：Vue3.0中的响应式原理和 vue2.x的响应式
vue3知识点：Vue3.0中的响应式原理和 vue2.x的响应式
刘大猫.
22 0
哈你真皮
|
JavaScript 前端开发 开发工具
webpack4搭建Vue开发环境笔记~~持续更新
项目git地址 一、node知识 __dirname: 获取当前文件所在路径，等同于path.dirname(__filename) console.
哈你真皮
1384 0

热门文章

最新文章

  • 1
    vite 如何做到让 vue 本地开发更快速？
  • 2
    VS Code书写vue项目配置 eslint+prettier 统一代码风格
  • 3
    Chrome插件vue-devtools是如何把VSCode中对应的组件文件打开的
  • 4
    vue基于 input 实现密码的显示与隐藏功能
  • 5
    VUE element-ui 之table表格勾选复选框动态带出（将某列的值赋值给指定列）对应列的数据
  • 6
    前端常见Vue2.0面试题
  • 7
    自制简单的range（Vue）
  • 8
    Vue 3和Element组件库的分页功能实现
  • 9
    Vue $watch监听对象属性，数组内对象属性改变
  • 10
    vite原理之解析.vue文件
  • 1
    【vue的技术要点】
    86
  • 2
    【vue2中引入阿里第三方图标库使用自定义的Ant Design Vue组件a-cascader级联选择后缀图标】
    503
  • 3
    在vue中，在哪个生命周期内调用异步请求？
    309
  • 4
    在vue中，Vue 的父组件和子组件生命周期钩子函数执行顺序？
    103
  • 5
    在vue中，直接给一个数组项赋值，Vue 能检测到变化吗？
    268
  • 6
    在vue中，computed 和 watch 的区别和运用的场景？
    81
  • 7
    在vue中，怎样理解 Vue 的单向数据流？
    72
  • 8
    在vue中，Class 与 Style 如何动态绑定？
    50
  • 9
    在vue中，v-show 与 v-if 有什么区别？
    44
  • 10
    在vue中，如何实现SPA单页面应用的路由管理？
    66

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • 前端自动化构建工具 Webpack
  • Springboot项目云开发快速迁移
  • React 入门教程开发文档

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 利用编译将 Vue 组件转成 React 组件

    • 相关实验场景

    更多
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础1：前端开发环境的安装和配置
  • 搭建Node.js编程环境
    • 下一篇
    DataWorks售前咨询