项目中涉及使用了 vue-cli 3x脚手架、自动化部署工具jenkins、nginx等。
vue 会根据启动命令自动加载相对应的环境配置文件。vue是根据文件名进行加载的，所以上面说“不要乱起名，也无需专门控制加载哪个文件”
从一开始使用 webstorm 内置的 debug 功能, 到使用node-inspector库进行调试顺便脱离 webstorm 的笨重, 再后来 nodejs 内置了debugger 模块也可以帮助调试我们的应用.
在现在的前端开发中，前后分离、模块化、版本控制、文件合并与压缩、mock数据等，是在大前端开发避不开的概念。在开发的时候，以组件的方式分别开发，在部署的时候又将这些代码、图片、样式等资源优雅地合并成模块并以增量、热更新的方式加载到浏览器中，这样的模块化方案一直是前端架构师在解决和优化的焦点之一。
修改.Env环境变量文件之后，需要重新运行server才会生效。环境变量通过process.ENV访问。可以在项目根目录中放置下列文件来指定环境变量：
vue-cli 3.0 提供了一系列功能，包括对 Babel, TypeScript, ESlint, PWA 等开箱即用的支持，同时，它也提供了一个 CLI 上的 GUI 界面，你只需输入 vue ui 即可看到配置界面，这里不过多说明，有兴趣的同学，可以参考文档： https://cli.vuejs.org/dev-guide/ui-api.html 。
最近因为工作需要，开始学习vue，于是在github上找了一个star数比较高的项目 ant-design-vue-pro 准备练手。项目克隆下来后，用 vscode 打开工程，并且使用了 vscode 自带的终端安装了依赖包，但是准备执行 yarn serve 启动工程的时候却意外的抛出了一个错误：
如果选择是: 下次在配置选项的时候, 除了default,manually,还会多一个我们保存的项目配置.
面试官：停停，我问的不是从URL输入到页面展现到底发生什么？，是npm run xxx的时候，发生了什么。
创建模式有两种，一种是默认配置（没有带其他辅助功能的 npm包），另一种是手动配置（可按照生产需要进行配置）
SPA单页面应用已经遍地开花，熟知的三大框架，Angular、Vue和React，其中Angular与React均可集成至ASP.NET Core，且提供了相关了中间件。但是Vue没有:
记录下如何对uni-app项目进行多环境打包部署改造 # 环境区分 官方文档说明： 开发环境和生产环境 uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。 在HBuilderX 中，点击“运行”编译出来的代码是开发环境，点击“发行”编译出来的代码是生产环境 # 解决方案 使用基于vue-cli命令行方式创建项目 添加必要的环境变量， VUE_APP_ 起始，例如 VUE_APP_BASE_API 即在
vue刚火热的那些年，花裤衩的这个用vue开发后台管理系统也火热起来vue-element-admin。还有他那一系列的《手模手教你xxxxx》，很多人耳熟能详。 但是前端发展飞快，vue3已经出来，官方构建工具从vue-cli变成了vite。 当我现在去clone项目vue-element-admin，尝试开发环境跑服务时，发现各种报错和警告了。依赖太多最怕就是被依赖的变化啊。现在记录下，目前2023年初运行时遇到的一些问题及解决方案。
2019年10月5日，vue 团队发布了 Vue3.0 预览版源码，预计到 2020 年第一季度将发布 3.0 正式版。3.0 包涵了许多激动人心的新特性。
介绍一下前后端的多环境配置，前端使用的 Vue 框架，后端使用的是 SpringBoot 框架。
地址： https://cli.vuejs.org/zh/guide/mode-and-env.html
在之前的开发中主要用的是vue-cli2，最近空闲时间比较多，接下来有新项目，本着偷懒的本能，自己打算搭建一个基础包以备后期开发应用，并对其进行性能优化和配置
注意：属性名必须以VUE_APP_开头，比如VUE_APP_URL VUE_APP_XXX
看完以上介绍，也明白了本文要做的事：用 Vue.js 与 Vuetify 组件，基于 Electron 来创建原生桌面应用。
no-clean表示打包时不删除build文件夹（https://cli.vuejs.org/zh/config/#outputdir） 作用就是为了后边的按需打包，下表。
vue-cli3也可以采用UI面板进行配置，相对比较方便，目前先写命令行创建，后续再加上面板创建。
命令行里开发运行项目 npm run serve --open 时默认打开的是 http://0.0.0.0:xxxx，是无法直接访问的，解决方式：
vue-cli是和vue进行深度组合的工具，可以快速帮我们创建vue项目，并且把一些脚手架相关的代码给我们创建好。真正使用vue开发项目，都是用vue-cli来创建项目的。
Github来源：一个合格的中级前端工程师需要掌握的技能 | 求星星 ✨ | 给个❤️关注，❤️点赞，❤️鼓励一下作者
3-2 git flow 多人协作流程讲解（详细讲解大厂git flow流程) 点击查看【processon】
键：环境名，在运行命令的时候使用，如：npm run serve01就是执行该键所对应的值命令 值：vue-cli-service命令；serve表示是运行还是打包，serve表示是编译运行，build则是进行打包；--mode serve_01表示环境的模式名字，在创建配置文件的时候作为区分。
我一直在做的小程序就是 山科小站 也已经做了两年了，目前是用uniapp构建的，在这期间也重构好几次了，这次在鹅厂实习感觉受益良多，这又得来一次很大的重构，虽然小程序功能都是比较简单的功能，但是这好不容易实习学到的东西得学以致用，那就继续在小程序上动手吧哈哈。这次实习收获最大倒不是怎么迁移到TS，而是一些组件设计的概念以及目录结构设计上的东西，不过这都是在之后重写组件的时候要做的东西了。回到正题，小程序是用uniapp写的，毕竟还是比较熟悉Vue语法的，这次迁移首先是要将小程序从HBuilderX迁移到cli版本，虽然用HBuilderX确实是有一定的优点，但是拓展性比较差，这些东西还是得自己折腾折腾，迁移到cli版本完成后，接下来就是要慢慢从js过渡到ts了，虽然是Vue2对ts支持相对比较差，但是至少对于抽离出来的逻辑是可以写成ts的，可以在编译期就避免很多错误，另外自己使用cli创建可以搞一些其他功能，毕竟只要不操作DOM的话一般还是在用常用的js方法，例如可以尝试接入Jest单元测试等。
[译] 原文地址：https://medium.com/nerd-for-tech/from-vue-cli-to-vitejs-648d2f5e031d
在 vue-cli2或者 vue-cli3 中，当我们创建好一个项目，我们要通过 npm run dev（vue-cli2的命令，vue-cli3之后用npm run serve，原理都一样，只不过是换了一下名字而已）运行一个项目。或者通过 npm run build 打包一个项目。那么问题来了，当我们在命令框中输入这两个命令的时候：
笔者早期开发了一个导航网站，一直想要重构，因为懒拖了好几年，终于，在了解到微前端大法后下了决心，因为工作上一直没有机会实践，没办法，只能用自己的网站试试，思来想去，访问量最高的也就是这个破导航网站了，于是用最快的时间完成了基本功能的重构，然后准备通过微前端来扩展网站的功能，比如天气、待办、笔记、秒表计时等等，这些功能属于附加的功能，可能会越来越多，所以不能和导航本身强耦合在一起，需要做到能独立开发，独立上线，所以使用微前端再合适不过了。
在项目的根目录下新建两个文件： .env.dev .env.prod 文件内容如下： 开发环境： NODE_ENV=development VUE_APP_SERVER=http://127.0.
“serve”: “vue-cli-service serve “, // 原本是这样的
本文系统的梳理了vue-cli3搭建项目的常见用法，目的在于让你快速掌握独立搭建vue项目的能力。你将会了解如下知识点：
vue-cli3.0多环境配置 通常开发运行项目时候只需要一个'development'（开发环境），打包时候却需要打'n种环境'（测试环境、uat环境、正式环境）的包，废话不多说进入主题，配置打多种 环境的包 第一步 在根目录下创建'.env.development'（开发环境）、'.env.production'（生产环境）'， 这里的'.env'后面的名字可以自己随便起，但是默认是有2种环境（development、production），如果想多增加别的环境就手动创建新的.env文件即可
本来需要配置.npmignore配置文件，但是网上不建议用这种方式，说是黑名单的方式，不在黑名单里的关键信息都发上去了。 而是建议使用package.json里配置白名单的方式。于是将package.json配置如下： 关键配置处加上了备注信息：
“人生的意义在于修炼灵魂，首先要有纯洁美丽的心灵，这是思考人生要具备的，拥有什么样的心灵，就会选择什么样的人生，实现什么样的人生价值”
起因竟然是因为做了一个梦，不过是因为确实想明白这个弹幕是什么个原理，也想压测一下面对秒级百万覆盖的弹幕是不是会出现卡顿，然后这四个前端vue项目，我不碰前端的啊，上次写前端页面都追溯到20年1月写中台的时候了，就在今天我终于把他折腾起来了。
如果仍然需要使用vue init webpack初始化项目的话，则需要安装cli-init，但是拉取的仍然是Vue-Cli2.0版本
步骤一: 检查package.json 中是否有 vue-cli-server,没有则需安装
引言：随着业务的逐渐增多，前端业务线越来越多，需要封装公共组件并发布到npm上，以供所有的项目都可以直接install，不用每次改一个组件，复制拷贝到所有的项目，如果项目特别多，那对于开发人员来说，是一件崩溃的事情，这是我封装组件并发布到npm的全过程的一次记录，希望对其他的开发者有用 1、实现一个国家区号的列表选择框，如果没有可输入
vue3-composition-admin 是一个管理端模板解决方案，它是基于vue3,ts和element-plus，项目都是以composition api风格编写。
比如需要安装：vue-cli-plugin-vuetify 则执行：vue add vuetify
通过npm run 可以运行 package.json 中脚本，Npm 命令不能提供立即运行多个脚本的方式，同时运行需要打开多个终端窗口
但是！！如果直接运行打包 yarn build:uat 会发现所有的css都打到js中，并且打包出来的目录中没有js和css文件。解决方案是：
vue-cli 快速创建工程，工程化项目目录 image.png image.png image.png image.png image.png npm uninstall -g vue-cli n
配置完成重新npm run serve启动 打印process.env看到自己的配置项
每次启动serve或者buil需要配置不同的调后台地址，这里我们可以选择使用Vue中环境变量。 在项目根目录下新建或修改以下文件：.env.xxx development模式用于 vue-cli-service serve production模式用于 vue-cli-service build 📷 这里新建的两个默认的文件分别对应调试和打包 也可以自定义一个 📷 📷 使用命令 npm run local执行读取local环境 新建一个config文件夹存放配置： 📷 在index.js文件下： // 根据
http://misc-notes.netlify.com/2020/01/13/%E6%9E%81%E7%AE%80vuejs%E5%85%A5%E9%97%A8/
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
