使用 vue init webpack 项目名 创建项目

最新推荐文章于 2025-03-28 14:56:22 发布
最新推荐文章于 2025-03-28 14:56:22 发布
阅读量1w 收藏 25
点赞数 4
分类专栏： 笔记 文章标签： vue js npm webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45832807/article/details/105264381
版权
  1. 检测node和npm的版本
    在这里插入图片描述
  2. 使用vue init webpack 项目名称创建项目
    在这里插入图片描述
  3. 切换到项目文件下面
    在这里插入图片描述
  4. 通过npm run dev运行项目
    在这里插入图片描述
    如果报错说'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件，就npm install安装package.json文件中的所有依赖模块。
    在这里插入图片描述
  5. 在浏览器中打开生成链接的网页，查看项目生成是否成功
    在这里插入图片描述
    如果安装成功，打开链接后就是上图呈现的样式。
  6. 项目文件解析
    在这里插入图片描述
使用vue init webpack 项目名建立vue cli2.x项目
yazhoushanheji的博客
05-17 307
使用vue init webpack建立项目
Vue create 项目名 和 Vue init webpack 项目名 的区别
yazhoushanheji的博客
04-26 766
vue,vue-cli2.x,vue-cli3.x,vue create XXX，vue init webpack XXX
vue create 与 vue init webpack 的 区别
最新发布
abc
03-28 430
默认设置：Vue CLI 3.x 在很多方面都有默认的最佳实践设置，例如 Babel、ESLint 等，而 Vue CLI 1.x 需要手动配置或选择模板。命令来源：vue init webpack 来自 Vue CLI 1.x，而 vue create 来自 Vue CLI 3.x。vue create 命令是 Vue CLI 3.x 版本引入的，用于创建一个新的 Vue.js 项目。npm install -g vue-cli ----- 安装 vue cli 1.x。
vue init webpack ‘项目名称’ 运行报错
qq_41429765的博客
08-26 260
Command vue init requires a global addon to be installed. Please run npm install -g @vue/cli-init and try again. 创建项目需要将vue-cli进行去全局安装 使用命令： npm install -g @vue/cli-init
使用命令”vue init webpack 项目名称”出错
thankseveryday的专栏
05-16 9861
学习一样新东西，总感觉成本很高，高就高在一堆莫名其妙的问题，好像只有我一个人会遇到。 ❗️ 为了保证安装顺利 Windows用户使用管理员运行cmd mac用户使用命令sudo su -开启root权限 然后执行以下安装命令： 安装nodejs 顺便会默认装好npm，官网下载地址： https://nodejs.org/zh-cn/ 我选择的是长期支持版 打开终端，查看是否安装成功 node ...
vue2+webpack2 初始化项目
u013400682的博客
08-09 1381
准备工作 下载并安装node.js 安装vue cli脚手架 npm install --g vue-cli项目初始化官网给出了两个模板： webpack-simple 和 webpack 。区别在于webpack-simple 没有包括Eslint 等检查功能，所以普通项目基本用webpack-simple 就足够了。于是我用webpack-simple 初始化的项目，运行之后，页面能正常显示，但
vue init webpack 建vue项目报错的解决方法
10-17
Vue CLI提供了多种模板来初始化项目，其中Vue CLI 3.x版本之前，通常使用`vue init webpack`命令来创建基于Webpack的项目模板。然而，在创建项目过程中，可能会遇到一些报错，导致无法正常进行。本文将详细介绍遇到...
vue init webpack 项目初始化失败
yummy_yuyu的博客
03-29 2636
在目标文件夹下右键点击Git Bash Here打开操作页 使用vue-cli（脚手架）搭建项目的时候出现了如下报错 首先要排查下载的依赖是否都能显示版本号 可能环境变量没有配置 找到安装vue-init的目录，把地址加入到path中 配置完环境变量，重新构建项目vue init webpack 项目名称 成功 终端运行npm install，然后npm run dev初始化失败了，我的webpack构建工具是有问题的，于是卸载了webpack重新安装 参考了卸载webpack的方法和安装webp
构建vue项目，vue init webpack无法使用的解决办法及vue-cli 4.0版本的创建方法
qq_44709101的博客
11-17 5395
vue init webpack无法使用的问题
vue+webpack安装,生成初始化vue项目
前端劝退师的博客
11-18 1454
一、webpack安装。 当然，在这之前，你得先安装好node.js。 1、npm安装webpack。 npm install -g webpack //全局安装 npm install -g webpack-dev-server //安装调试工具 2、创建项目 mkdir projectName //创建项目文件夹 cd projuectName //进入该文件目录下 npm init //在目录下创建package.json文件，一直回车即可，也可输入你想要修改的内容 之后在目标文
Vue学习——webpack-Vue项目搭建
zzq0926的博客
09-16 201
1.创建webpack骨架 vue init webpack 项目名 搭建webpack骨架的cmd操作 2.安装需要的依赖 2.1 路由模块 npm install vue-router --save-dev 2.2 axios模块 npm install --save axios vue-axios 2.3 element模块 npm i element-ui -s 安装完之后，安装依赖： npm install 3. 配置路由表 1）：创建路由表 在src目录下创建router文件夹，里
vue init webpack （基于vue.js的官方webpack模板）
LavanSum的博客
07-06 2699
使用vue-cli(2.9.3,当前最新2.9.6)执行vue init webpack初始化项目骨架：1、完整功能版（包括ESLint，包括测试功能）node_modules 1021个对象  整个目录大小121M多一个test目录config目录（webpack配置文件）下多一个配置文件：test.env.js2、非完整功能版（包括ESLint，不包括测试功能）node_modules  81...
VUE 使用 vue init webpack 命令 创建VUE 2.0项目步骤 超详细教程 vue刚入门的福音
不想成为可以改变世界的程序员，不是一个好程序员
05-22 8391
VUE VUE 2.0项目创建步骤 超详细教程 vue刚入门的福音 命令行内 输入命令：vue init webpack test-vue-admin test-vue-admin 是想要创建的项目名称，由大家自定义 注意vue2.0项目用这个指定的命令，用其他命令可能导致你创建vue2.0项目时，项目内会有一些vue3.0的东西
vue webpack init_浅尝webpack
weixin_39788703的博客
11-24 830
吐槽一下webpack 自出现时，一直备受青睐。作为强大的打包工具，它只是出现在项目初始或优化的阶段。如果没有参与项目的构建，接触的机会几乎为零。即使是参与了，但也会因为项目的周期短，从网上东拼西凑草草了事。纵观网上的 webpack 教程，要么是蜻蜓点水，科普了一些常规配置项；要么是过于深入原理，于实际操作无益。最近一段时间，我把 webpack 的官方文档来来回回地看了几遍，结果发现，真香。中...
VSCode创建Vue项目
qq_26132519的博客
12-13 1263
通过VSCode创建Vue项目 Nodejs安装：下载地址Download | Node.js 下载完成后默认安装，安装完成后打开cmd 输入下面的命令查看是否成功安装，同时验证npm，因为跟node同时安装 安装vetur 安装ESLint 选择终端（Terminal），选择新建终端（New Terminal），通过命令切换到准备存放的文件夹 输入vue init webpack 项目名称，如提示这个错误信息，请往下看 在windows系统中打到windows po...
Vue init webpack demo
Tom__cy的博客
05-14 2252
安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.org 接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架 命令为：cnpm install -g vue-cli 输入:vue init webpack my-vue(项目文件夹名)，回车， ...
(0017) H5-vue创建项目vue init webpack
沐雨07的专栏
06-29 783
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学习笔记之Vue CLI脚手架的介绍和安装-CLI2的介绍
医疗数据
11-30 284
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 命令安装完后，用
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值