vue init webpack （基于vue.js的官方webpack模板）

最新推荐文章于 2025-04-14 22:49:10 发布
最新推荐文章于 2025-04-14 22:49:10 发布
阅读量2.7k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LavanSum/article/details/80938315
本文介绍使用vue-cli 2.9.3初始化Vue项目的两种方式：完整功能版包含ESLint和测试功能，非完整功能版仅包含ESLint。详细对比了两种初始化方式下项目的具体差异。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用vue-cli(2.9.3,当前最新2.9.6)执行vue init webpack初始化项目骨架：

1、完整功能版（包括ESLint，包括测试功能）

node_modules 1021个对象  整个目录大小121M

多一个test目录

config目录（webpack配置文件）下多一个配置文件：test.env.js


2、非完整功能版（包括ESLint，不包括测试功能）

node_modules  811个对象  整个目录大小165M

Vue 创建项目后没有 webpack.config.js（vue.config.js） 文件
m0_63853518的博客
08-11 5572
Vue 创建项目后没有 webpack.config.js（vue.config.js） 文件
使用vue init webpack 项目名建立vue cli2.x项目
yazhoushanheji的博客
05-17 317
使用vue init webpack建立项目
vuejs-webpack-template:Vue.js Webpack模板
05-14
vuejs-webpack-template vuejs2和webpack4 第一的 npm install 发展 npm run start 生产 npm run build
vue webpack init_浅尝webpack
weixin_39788703的博客
11-24 835
吐槽一下webpack 自出现时，一直备受青睐。作为强大的打包工具，它只是出现在项目初始或优化的阶段。如果没有参与项目的构建，接触的机会几乎为零。即使是参与了，但也会因为项目的周期短，从网上东拼西凑草草了事。纵观网上的 webpack 教程，要么是蜻蜓点水，科普了一些常规配置项；要么是过于深入原理，于实际操作无益。最近一段时间，我把 webpack 的官方文档来来回回地看了几遍，结果发现，真香。中...
用Webpack 基础配置快速搭建项目开发环境
最新发布
m0_46335150的博客
04-14 651
Webpack 是一个现代 JavaScript 应用程序的静态模块打包工具，但是Webpack有大量的配置项，对新手不太友好，但是我们可以根据的init命令根据项目需求快速生成webpack的配置文件，本文将手把手教你如何用 Webpack 和 npm 快速搭建一个基础开发环境。
Vue init webpack demo
Tom__cy的博客
05-14 2259
安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.org 接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架 命令为：cnpm install -g vue-cli 输入:vue init webpack my-vue(项目文件夹名)，回车， ...
vue init download template_Webpack（四）Vue
weixin_39960145的博客
11-23 243
上一篇文章简单地介绍了一下webpack如何编译ES6以及Sass，实际上很多复杂的配置没有提到，因为我觉得复杂的配置在实战中讲大家印象应该会更深刻，所以打算在Vue实战中讲。下面就来讲讲如何使用Webpack编译Vue.js。一、Vue.jsVue.js是一个前端框架，其数据绑定、模块化等等特性可以帮助我们更好地进行开发。大家可以熟悉一下官方文档：介绍 — Vue.js因为vue文件不能直接被浏...
(0017) H5-vue创建项目vue init webpack
沐雨07的专栏
06-29 793
1、vue 命令讲解 init：表示要用vue-cli来初始化项目 ：表示模板名称，vue-cli官方提供的5种模板：在实际开发中，一般都会使用webpack这个模板，命令使用如下： 3、命令行代码 vue init webpack vue-el-dashboard 提示让执行 等待项目创建完成。。。 最后：即可 运行项目 ，使用cd命令进入到项目目录 参考博客：https://blog.csdn.net/qq_34297387/article/details/119576327
vue init webpack 依赖的webpack包
09-05
解决vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 20.205.243.166:443问题，方便在...2、执行vue init webpack your_vue_app --offline即可
vue初始化模板 vue init webpack命令下载的模板
09-13
执行vue init webpack 命令报错，连接超时是因为去github下载webpack-template 而很多公司屏蔽了github vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 使用步骤 1.c/users/xxxxx/...
vue init webpack 建vue项目报错的解决方法
10-17
Vue CLI提供了多种模板来初始化项目，其中Vue CLI 3.x版本之前，通常使用`vue init webpack`命令来创建基于Webpack的项目模板。然而，在创建项目过程中，可能会遇到一些报错，导致无法正常进行。本文将详细介绍遇到...
解决vue init webpack 下载依赖卡住不动的问题
01-21
有时候下载依赖的时候网速不行，这时候我们选择手动下载依赖 有时候下载依赖的时候网速不行，这时候我们选择手动下载依赖：选择 No,I will handle that myself 生成完项目之后，再cd进入项目文件夹，然后再npm ...
vue-webpack-template:vue+webpack模版脚手架
04-30
vue-webpack-template vue+webpack模版脚手架
Vue学习笔记之Vue CLI脚手架的介绍和安装-CLI2的介绍
医疗数据
11-30 292
1、概念：CLI(Command-Line Interface)，命令行界面，俗称脚手架。通过配套的图形化界面创建、开发和管理你的项目。Vue CLI 完全是可配置的，无需 eject。这样你的项目就可以长期保持更新了。使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置。 2、环境安装（需要node、webpack的环境支撑）：cnpm install -g @vue/cli 进行全局安装即可 官网介绍： 通过cnpm install -g @vue/cli 命令安装完后，用
vue-cli之初始化项目（二）
weixin_33971130的博客
05-08 2675
1、vue init命令讲解用vue init命令来初始化项目，具体使用方法如下：vueinit<template-name><project-name>init：表示要用vue-cli来初始化项目<template-name>：表示模板名称，vue-cli官方提供的5种模板：webpack：一个全面的webpack+vue-load...
2021-02-09vue init webpack +vue名
weixin_43914278的博客
03-24 100
安装完脚手架之后，需要新建一个webpack，我理解为新建一个工作区间并配置相关文件 vue init webpack vue02 启动npm npm install npm run dev 通常旧版本的启动，通过npm run serve（本质上serve还是dev，是package.json文件中参数名称写的是什么这里就写什么） ...
vue webpack 初始化项目（pc端）
orochi14的博客
04-18 1396
1、命令：vue init webpack pc（项目名称），设置相关配置，生成项目前端文件夹2、修改config参数    （1）开发环境端口，使用不常用的端口号    （2） assetsPublicPath: './',3、安装一些插件（jq，scss，element-ui）    （1）安装jq            cnpm install jquery --save-dev      ...
Vue-1-webpack使用
m0_54816834的博客
04-12 559
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！[外链图片转存中…(img-2FPCwg6o-1712868239106)]
VUE 使用 vue init webpack 命令 创建VUE 2.0项目步骤 超详细教程 vue刚入门的福音
不想成为可以改变世界的程序员，不是一个好程序员
05-22 8451
VUE VUE 2.0项目创建步骤 超详细教程 vue刚入门的福音 命令行内 输入命令：vue init webpack test-vue-admin test-vue-admin 是想要创建的项目名称，由大家自定义 注意vue2.0项目用这个指定的命令，用其他命令可能导致你创建vue2.0项目时，项目内会有一些vue3.0的东西
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值