当前位置: 首页 > news >正文

如何在VScode搭建webpack

前置环境:
windows
node.js
步骤

1.打开项目目录,在VSCode里新建终端

2.在终端切换路径(要下载在哪个地方)
转换至想要下载的路径,在该路径里创建一个文件夹,当然也可以创建多个文件夹。

path[0]:后输入要创建文件夹名,enter俩下,如果还想继续创建文件夹可以在后面path路径输入

3.创建独立项目文件夹并进入目录

指令 cd 后面跟要在哪安放文件夹的路径 指令 mkdir 后跟要创建的文件夹名


4.初始化项目,和安装webpack开发依赖

npm init-y#初始化,在当前文件夹自动生成package.json文件npm install webpack webpack-cil--save-dev

webpack:打包核心程序
webpack:命令交互行工具,允许终端输入指令调用webpack
–save-dev:开发依赖

5.执行成功标识
命令执行完毕后。项目文件加内会新增内容

  1. package.json:配置清单,文件内 devDependencies 节点出现 webpack;
  2. package-lock.json:版本锁定文件,保证所有人安装依赖版本统一;
  3. node_modules 文件夹:存放下载完成的 webpack 源码以及它关联的子依赖
http://www.cnnetsun.cn/news/3920409.html

相关文章:

  • 告别繁琐手动操作:semi-utils 让你的照片批量水印处理效率提升10倍
  • AI智能体架构设计:Plan-and-Execute范式解析与工程实践
  • 眉山GEO公司十大口碑排行推荐榜单
  • Flutter与OpenHarmony融合开发实战:思维训练与学习日历应用
  • OpenClaw云端部署实战:AI智能体框架的Docker化配置与运维指南
  • ZXing-C++迁移Clang/libc++编译问题全解析与解决方案
  • 专业且高转化的投资公司网站建设方案详解与核心要素
  • 涨停板封板质量打分系统实战:基于本地逐笔数据的Python实现
  • BERT 为什么要随机掩盖 15% 的 token 并拆分为 80%/10%/10% 三种处理?
  • 2026论文降重工具测评:5款打分对比与选择建议
  • Flask构建残障社区服务平台的技术实践
  • 专业二手车网站建设方案解析:如何通过优化内容提升客户信任度与转化率
  • 如何3分钟内在浏览器中使用微信?wechat-need-web插件终极指南
  • Muse Spark 1.2:本地AI绘画一站式工具部署与API集成实战
  • Unity脚本乱码终结指南:5种方法统一编码为UTF-8无BOM
  • iOS导航栏与标签栏图标设计规范与实现技巧
  • SQL注入实战:从手工探测到自动化利用的靶场攻防演练
  • 12 万条消息撑爆 chrome.storage.local:浏览器扩展的本地存储到底该选谁
  • NSDBO算法在微电网优化调度中的应用与Matlab实现
  • 南通网站建设制作:企业数字化转型的必修课与避坑指南
  • RSA加密基础攻击与CTF解题实战指南
  • 开源项目二次开发中的Git代码同步策略与实践
  • Redis缓存雪崩、穿透、击穿,生产环境完整落地方案
  • 基于线程预排思想的多智能体并行协作优化实践
  • 科研文献检索三步法:从海量结果到精准定位
  • 内江市网站建设专业推荐及避坑指南助力中小企业低成本获取精准流量
  • 短视频去水印下载工具功能介绍,抖音快手B站三合一安装包下载
  • 2026随身WiFi/MIFI合规与技术架构分析:3C、SRRC到模组选型
  • 从静态知识库到动态发现引擎:构建AI自主知识发现循环的技术架构与实践
  • 达梦DMHS实现MySQL到DM8异构数据库迁移实战