不使用cli脚手架搭建vue项目(webpack简单配置)

最新推荐文章于 2025-07-18 15:58:42 发布
转载 最新推荐文章于 2025-07-18 15:58:42 发布 · 368 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/u013368397/article/details/86467581
文章标签：

#vue #javascript

本文提供了优快云博客的一个示例链接，展示了如何分享技术文章并进行交流。

https://blog.youkuaiyun.com/u013368397/article/details/86467581

【不使用vue-cli脚手架 搭建Vue2.0项目环境】
qq_46106080的博客
12-17 2115
项目创建目录结构 一、初始化 npm init -y 二、安装依赖 2.1生产环境依赖 npm install vue vue-router -S 2.2开发环境依赖 npm install babel-loader babel-core vue-loader node-sass sass-loader css-loader style-loader webpack webpack-cli webpack-dev-server html-webpack-plugin vue-template-c
不使用vue-cli 搭建vue项目
Irmhy
07-04 3830
公司最近的项目==对之前的基于js写的后台管理系统进行改版，要求新功能用vue开发，但同时还要对接上之前的系统，所以不能使用vue-cli搭建，也不能使用webpack打包，只能用最基本的引入script标签来搭建。 在网上查找这方面的资料好少，就连官网上也没有具体的介绍，无奈，只能自己摸索… 搭建路由还是采用vue-router来进行跳转 使用cdn的方式引入vue.js <script ...
webpack,react不用脚手架创建项目
10-14
webpack,react不用脚手架创建项目,适合初学者，用vscode打开，npm install安装模块,npm run dev
从0搭建一个vue项目，不使用脚手架从html到vue
I_am_shy的博客
06-25 2636
但在真实的项目中，仅仅只有这些配置还远远不够，开发时使用脚手架搭建可以快速的让我们编辑项目核心的代码，这里只是展示一个vue项目是如何产生的，深化对vue框架的了解。
不使用脚手架搭建vue项目
Ariel_lj的博客
11-15 7059
不使用脚手架搭建vue项目 找到一个需要搭建项目的空文件夹 在文件夹中执行命令npm init 生成package.json文件(此处将展示我们的依赖\编译配置等信息) 安装webpack 一vue及vue-loader使webpack能够加载vue文件,并编译为浏览器能够识别的js文件 npm i webpack vue vue-loader 上一步执行完后会提示我们npm WARN vue-loader@15.5.1 requires a peer of css-loader@* but none i
使用vue-cli脚手架工具搭建vue-webpack项目
12-10
为了解决这个问题，Vue 官方提供了 `vue-cli` 这个脚手架工具，它可以帮助开发者快速地生成一个包含所有必需配置的项目模板。 1. **安装Node.js环境**： 在搭建Vue项目之前，首先确保你的计算机上安装了Node.js。...
不使用cli脚手架搭建vue项目工程(webpack简单配置)
热门推荐
破鞋何苦阑珊的博客
01-14 1万+
前言   今天介绍一篇关于工程搭建的文章。主要介绍不用cli脚手架搭建一套前端工程，因为每个公司不是用脚手架工具安装一下就能进行开发了，很多时候都是对工程有一定的定制需求，你没有深入的去了解cli脚手架的话，可能会很吃力，所以这块还是需要有一定的深入了解的，内容也不是太复杂，但是你需要掌握一些vue、webpack、nodejs的简单的基本概念和认识，也挺适合初级者阅读，我们学前端的小伙伴其实都...
详解使用vue脚手架工具搭建vue-webpack项目
08-30
详解使用 Vue 脚手架工具搭建 Vue-Webpack 项目 知识点 1: Vue.js基础知识 在开始使用 Vue.js 前，我们需要了解 Vue.js 的基本概念。Vue.js 是一个渐进式的 JavaScript 框架，用于构建用户界面。其核心思想是将...
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
10-16
然而，在使用IntelliJ IDEA或WebStorm这样的IDE时，有时可能会遇到Vue CLI脚手架项目无法识别Webpack别名的问题，这会给开发带来不便。本文将详细介绍如何解决这个问题。 首先，Webpack别名是Webpack配置中的一个...
不使用vue-cli来创建项目
多看多听多总结
03-09 1387
主要使用npm+webpack 1、创建项目 mkdir hello-world npm init 2、创建入口文件 创建src目录，下面创建main.js文件 alert('hello vue') 接着创建index.html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib
不使用脚手架创建vue项目（webpack版）
最新发布
2403_88443224的博客
07-18 387
注意：这里直接导入了js文件，如果想要实现和vue-cli一样的效果，那么可以后续使用node.js对文件进行修改，添加js文件。在vscode中打开指定目录后，在控制台输入npm init -y命令，即可创建package.json文件。此时如果我们运行npm run build，然后再打开index.html文件，就已经可以看到效果了。此时，输入npm run serve就可以实现平时使用vue项目时的效果了。注意：这里的index.html文件并没有放到public内。在文件内填入以下内容。
不使用脚手架搭建vue2项目地址：
TATOQOQ的博客
03-14 1101
How to create a Vue.js app using Single-File Components, without the CLI. 想自己不使用脚手架搭建一个vue项目， 就找个了教程， 这些废话是因为，光保存一个链接地址说我文章质量不佳。 不得不加一些文字， 搭建好项目后， 需要一些基础项目配置。 下次再加吧。 ...
不使用脚手架搭建vue项目(webpack简单配置)
weixin_42069147的博客
06-19 1758
1.新建项目文件 2.通过npm：node包管理器 npm init -y 生产项目描述文件 npm install webpack webpack webpack-cli --save-dev 安装第三方包 3.在package.json里配置可执行脚本 ```javascript { "name": "webpack-demo-74", // 项目名称 "ver...
不使用vue-cli搭建vue2项目
lily1570228436的博客
01-08 1169
4、在项目根目录下新建文件index.html、main.js、app.vue、webpack.config.js。打包成功后会在dist文件夹中输出main.js，在index.html中引入打包后的文件。3、安装vue、webpack、webpack-cli、vue-loader。5、修改package.json入口文件为main.js。原因是vue-loader版本有问题，降为15版本即可。1、新建空文件夹vue2-demo。有关vue-loader的配置参见。10、npx webpack 打包。
不借助 vue-cli 工具自行搭建 vue 项目
qq_37236395的博客
06-16 2580
一、初始化项目 1.1、新建 package.json npm init 1.2、安装依赖 npm 安装 vue、vue-router、vue-loader、webpack、webpack-cli，这些只是开发环境所需要的依赖，使用 --save-dev 安装到开发环境（见 package.json devDependencies）下： npm install vue vue-router vue-loader webpack webpack-cli --save-dev webpack 4.x 已经把
有了这一特性，不再安装脚手架，可创建Vue或React项目
唐璜Taro的博客
09-29 1126
NPX is an NPM package executor. Initially, NPX was launched in July 2017. NPX was just an NPM package that could be installed like other NPM packages. Currently, NPX is bundled with NPM when you install the NPM version 5.2.0 or higher.
不用vue-cli搭建项目总结
vicsdmpy的博客
09-29 1181
原文链接https://blog.youkuaiyun.com/u013368397/article/details/86467581 一、打开对应的空目录，使用npm init创建项目 npm init 二、安装vue和webpack，安装loader转换器，包括vue-loader，css-loader，url-loader，style-loader npm i webpack vue vue-loader npm i style-loader css-loader url-loader 三、新建sr
不使用脚手架构建vue项目
达拉崩巴斑得贝迪卜多比鲁翁_
07-21 2214
不使用vuecli脚手架搭建vue项目
webpack搭建vue项目，实现脚手架功能
唐吉sir
03-14 356
webpack搭建vue项目，实现脚手架功能 本文基于node.js开发环境，安装完node之后新建项目，通过webpack配置，实现vue-cli脚手架功能 对于刚刚接触编程的人来说，最难的可能并不是学习一种新语法或者框架，而是编程思维，这种思维在调试的时候显得尤为重要，拥有良好的编程习惯和思维能力可以大幅度提高调试效率。而编程思维的培养往往需...
快速上手：Vue脚手架搭建Vue-webpack项目指南
本文详细介绍了如何使用vue脚手架工具（vue-cli）来搭建一个基于webpack的vue项目，这对于初学者和需要高效开发的企业级vue应用开发者都非常实用。以下是关键知识点的详述： 1. **Node.js环境准备**： - 首先确保...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值