解决升级vscode 之后 修改项目代码 会出现 dist 自动打包生成文件

最新推荐文章于 2024-01-04 16:27:19 发布
最新推荐文章于 2024-01-04 16:27:19 发布
阅读量2.4k 收藏 3
点赞数 7
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42353989/article/details/108261209
版权

今天升级完 vscode 遇到一个问题，每次修改保存文件以后都会在当前目录自动打包一个 dist/[name].dev.js 文件。

这是因为 vscode 自动安装了一个插件 compile-hero ，就是这个插件影响的，

解决  点击vscode  的 左下角的设置  然后点击设置 搜索 compile-hero  把所有下面带对勾的选项 全部取消 就ok了

 

米斯特苏
关注
使用 vscode 完成 webpack 操作。项目完成后使用 webpack 打包
eeeee1o的博客
03-15 1210
可能因为没有安装某些 loader 报错，通过 npm install ***，来安装对应的 loader 文件。例如 "scripts" 中原本就有 "build"， 此时，如果你添加了一个重复的。这是一个最简单的 Webpack 配置文件，它定义了入口文件。文件中，你需要将这个新添加的打包脚本命令改为不同的名称。文件就会被加载并运行，你的应用程序也会随之启动。打包生成的文件在 webpack 配置中设置的。来运行新添加的webpack打包脚本。5. 如果你想在浏览器中运行打包好的。字段中，键不能重复。
本地测试vue-cli打包后的dist文件
小毛驴的博客
07-03 9980
此方法可以自己本地写接口，自己打包vue-cli，然后测试打包后的文件是否正确。 1.本地获取自己写到的node.js接口 可能会遇到跨域的问题，可以看我的博客跨域问题 1.1.在vue页面中引入自己node.js写的接口（关于node.js的教程可以看我以前的博客） <template> <div class="hello"> <h1&g...
Visual Studio Code 必备插件之 Compile Hero
热门推荐
Wscats
03-10 1万+
今天刚好用到这个函数，写了一个日期对比的例子 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>写一个JS对比时间的例子</title> </head> <body> </body> <scrip...
VsCode中ctrl+s后会在当前目录下自动生成dist目录的方法
10-14
主要介绍了VsCode中ctrl+s后会在当前目录下自动生成dist目录,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
vscode修改完文件后都会生成对应的dist或xxx.dev.js文件
Yaince的博客
01-14 713
需要把该插件禁用掉，该插件是编译sass、less等
vscode 修改文件后保存 会生成dist文件
qq_40088255的博客
08-24 4387
问题：修改文件后会生成dist文件 解决： 禁用该插件
关于VScode每次保存/修改文件后都会自动生成一个打包文件dist的问题
weixin_45249263的博客
03-02 3965
解决 点击vscode 的 左下角的设置 然后点击设置 搜索 compile-hero 把该设置里所有已勾选的选项 全部取消 就ok了！
VsCode中ctrl+s后会在当前目录下自动生成dist目录
辣辣的草莓酱
08-25 2605
在VsCode中ctrl+s后会在当前目录下自动生成dist目录 解决办法：关闭compile-hero插件 在设置中搜索compile-hero插件 关闭所有自动生成dist目录的选项（如下图所示）
VsCode新建VueJs项目的详细步骤
10-19
这将会在项目的根目录下生成一个`dist`文件夹，里面包含了项目构建后的静态文件。将这些文件部署到你的服务器上，便可以在生产环境中访问你的Vue.js应用了。 修改引用路径 在一些情况下，可能会遇到生成的`index....
VSCode搭建Vue项目的方法
10-15
- 使用npm run build命令进行项目打包，生成dist目录。 - 将dist目录中的文件部署到服务器上即可发布上线。 三、学习与进阶 1. 学习资源 - VSCode的官方文档提供了丰富的插件和功能介绍，可以帮助开发者高效地...
vs code文件的打开和运行
兜兜的博客
08-02 2843
vs code文件的打开和运行
VSCode保存时自动生成dist的解决办法
艾瑞-Arin
02-15 1588
搜索compile-hero找到 Compile-hero
webpack修改代码后自动打包(webpack-dev-server)
Zyl_CN的博客
03-29 1117
需要安装 webpack-dev-server npm i webpack-dev-server -d //安装到本地依赖(只需要装到本地项目中，不需要-g) 因为webpack-dev-server是依赖于本地的webpack和webpack-cli的，所以，如果本地中没有安装。则需要先安装，才能使用 npm i webpack -d npm i webpack-cli -d 如果不...
前端每次保存编译都会产生一个dist文件
混世小妲己
12-16 1886
原创：https://blog.csdn.net/weixin_36352085/article/details/116495756 每次都会生成一个dist文件夹 原因就是vscode开启了Compile Hero，只要关闭就可以了。
vscode中uniapp项目无法编译生成dist 也不报错的解决办法
domyself918的专栏
01-04 910
我寻思这manifest.json我也没改啥啊，但是当我还原回项目自带的manifest.json后，一切又都好了。毫无提示，当下就觉得不对劲，果然在微信开发工具里面看到编译后的代码的部分还是修改之前的代码，然后手动删除了dist文件夹，重新运行了指令，还是不行。在新建项目后，新项目本身是自带一些基础文件的，如package.json，manifest.json等。折腾半天，依旧不行，决定新建个项目，把代码一点点拷到新项目中去。啊，就是这个逗号导致我查了半天的错查不出来，😤。
vscode 修改文件后自动打包生成文件
青岑的博客
08-25 1622
今天用 vscode 遇到一个问题，每次修改保存文件以后都会在当前目录自动打包一个 dist/[name].dev.js 文件。莫名其妙，找了半天才找到原因。。。 vscode 自动安装了一个插件 compile-hero ，就是这个插件影响的，设置里搜索然后全都关掉就好了。完全是用不到的一个鸡肋功能。 ...
打包部署react项目
输入技术、输出想法
06-25 956
vscode执行build命令或者cmd窗口执行npm run build 全局下载一个快速启动的服务器，查看效果 cnpm i serve -g 打包后的文件存放在build目录下，以build为根目录启动服务 serve build
VSCode如何排除dist、.svn目录下的搜索结果
王同学LM的专栏
12-28 2798
网上有人说修改File--Preferences--Settings--User--Files中的settings.json，但我试了没用，其实也可以直接在SEARCH结果中，点开配置项设置，如下图所示：
Typescript 开发工具Vscode自动编译.ts文件
MW
11-17 388
1.创建tsconfig.json文件tsc–init 生成配置文件 首先你需要进入你的项目目录cmd 然后输入 tsc --init 这样的话该目录下就会生成一个tsconfig.json的文件 下一步你需要把tsconfig.json文件的outDir 改一下 下一步去创建一个ts 文件 最后去终端运行一下就会生成js文件了 ...
vscode如何生成exe执行文件
最新发布
09-23
在Visual Studio Code (VSCode) 中，如果你想要将JavaScript、TypeScript或其他支持打包的语言应用转换成可执行文件（如Windows上的.exe），通常需要借助一些工具，例如Electron、Webpack或Create React App等。以下是通过Electron打包的一个简单示例： 1. **安装依赖**: - 安装Node.js：首先确保你已经安装了Node.js，因为很多前端构建工具都是基于Node的。 - 安装Electron CLI：运行`npm install electron` 或者 `yarn add electron` 2. **创建项目结构**: 创建一个新目录，并初始化一个新的Electron项目：`npx create-electron-app your-project-name` 3. **编写应用代码**: - 编写核心业务代码在`src`目录下的`main.js` (主进程) 和 `renderer.js` (渲染进程) 文件。 4. **配置打包设置**: 在项目的`package.json`中，找到`"build"`字段，配置生产环境打包选项，例如： ```json "build": { "command": "electron-builder", "config": "./electron-builder.json" } ``` 5. **创建构建脚本**: 创建一个名为`electron-builder.json`的配置文件，指定输出目录、平台目标等信息。例如： ```json { "targets": [ { "target": "win-x64", "arch": "x64" } ], "files": ["dist/**/*"], "outDir": "dist" } ``` 6. **打包应用**: 运行`npm run build` 或者 `yarn build` 来生成exe文件。这将会在指定的`dist`目录下生成对应的Windows可执行文件。 注意：这个过程主要是针对Electron框架的，如果是纯前端项目（如React等），可以考虑使用诸如 Parcel、Webpack等工具结合Node_ENV变量来实现生产环境的静态打包。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值