Vue+Webpack

Vue 教程

Vue2.0文档Vue专业中文社区每次更新的变化与webpack一起使用所需插件vue-loader-examplevue-html-loader文章尤小右Vue.js：轻量高效的前端组件化方案勾三股四Vue
L_CINA·2020-07-13 19:31

【WEB开发】webpack+vue构建前端开发环境

1.2、开发移动端，还需要注意资源的配置和打包，所以打算使用webpack的构建工具，所以整体的需求变成了vue+webpack构建项目需要的前端开发环境。二、开始讲述环境设置。
hustxiaoxian·2020-07-13 05:31

vue+webpack实现异步组件加载

8.9更新：之前想搬迁到csdn的时候由于邀请码问题迟迟没把博客转过来，所以跑去博客园了，今天发现csdn已经帮我把文章搬过来，有必要修正一下这篇文章。写这篇文章的时候因为刚接触vue，所以捣鼓的时候有些迷糊。--------------------/*以下可以跳过*/-----------------------------------------本来很简单的事情折腾好久。1.vue文档只给出了
沈江平·2020-07-12 10:16

vue学习笔记-----vue+webpack初始化项目（vue1.0的安装）

1.安装vue-cli$npminstall-gvue-cli2.用Vue-cli生成vue+webpack的项目模板$npminstall-gvue-cli$vueinitwebpackmy-project
明明是地主家的傻儿子·2020-07-12 03:26

VUE+WebPack:开发一款太空版植物大战僵尸的前端页游

从本节开始，我们探讨如何使用VUE和WebPack开发一款类似于植物大战僵尸的前端游戏，当游戏完成后，情况如下：更详细的讲解和代码调试演示过程，请点击链接游戏的设定如下，一系列外星飞船从天而降入侵地球，为了保护地球，玩家需要使用各种道具防止外星飞船落入底部的地球。如图所示，这些道具可以是箱子，也可以是卫星。当外星飞船被成功阻挡时，界面会弹出一系列奖章，也就是图片里面的”E”，点击这些奖章后，玩家可
tyler_download·2020-07-12 01:05

VUE+Webpack 实现懒加载的三种方式

转自：https://blog.csdn.net/qq_37540004/article/details/78727063第一种引入方式就是正常的路由引入方式constrouter=newRouter({routes:[{path:'/hyh',component:hyh,name:'hyh'}]})123456789第二种constrouter=newRouter({routes:[{path:
fairyIer·2020-07-11 05:19

@mpx/cli 脚手架源码解析

前言Mpx是一款致力于提高小程序开发体验的增强型小程序框架，通过Mpx，我们能够以最先进的web开发体验(Vue+Webpack)来开发生产性能深度优化的小程序。
Aimee芊·2020-07-09 10:31

vue(vue-cli+vue-router)+babel+webpack项目搭建入门（三）开发实战

vue(vue-cli+vue-router)+babel+webpack项目搭建入门本系列文章将介绍基于vue+webpack的前端项目的构建过程。
大菜鸟231·2020-07-09 04:39

vue(vue-cli+vue-router)+babel+webpack项目搭建入门（二）搭建项目

vue(vue-cli+vue-router)+babel+webpack项目搭建入门本系列文章将介绍基于vue+webpack的前端项目的构建过程。
大菜鸟231·2020-07-09 04:39

vue+webpack安装sass过程中遇到权限不够，直接删除node_modus文件夹重新安装，node_modus先取得管理员权限才能删...

vuevue-style-loader!css-loader错误最近在学习vue框架，使用webpack打包vue项目，在执行npmrunstart的时候出现如下错误：Thisdependencywasnotfound:*!!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue
D_SJ·2020-07-08 16:19

前端使用mockjs模拟数据

前后端分离的开发模式已经很成熟了，前端不再依赖后端接口，独立进行开发，今天写一下关于mockjs模拟数据的使用方法首先安装包npmimockjs--save安装完成package显示的版本是成功之后就可以使用了，我的项目是vue
lyn911·2020-07-08 15:49

Vue+webpack项目基础配置

最近在学习webpack，跟着课程一个单页面应用，在这里记录一下。这个部分主要讲了如何配置webpack的环境，以及webpackdev的配置。记录比较粗略，后续会更新。1.开发环境：vscode,node.js,vue.js,webpack大家自己安装一下node.js可以参考菜鸟教程使用的IDE是VScode2.项目初始化快捷键ctrl+`打开vscode控制台vscode界面2.1安装web
阿r阿r·2020-07-08 07:11

windows下vue+webpack前端开发环境搭建及nginx部署

windows下vue+webpack前端开发环境搭建及nginx部署一、开发环境搭建1、前端框架一般都依赖nodejs,我们首先要安装node.js。
留给时间·2020-07-07 21:10

基于 Vue 的静态网站生成器 VuePress

VuePress享用Vue+webpack开发环境，在markdown中使用Vue组件，并通过Vue开发自定义主题。
phj_88·2020-07-07 18:39

Vue+axios 实现http拦截及路由拦截

现如今,每个前端对于Vue都不会陌生,Vue框架是如今最流行的前端框架之一,其势头直追react.最近我用vue做了一个项目,下面便是我从中取得的一点收获.基于现在用vue+webpack搭建项目的文档已经有很多了
luxu1990·2020-07-07 15:48

vue-router

官网：https://router.vuejs.org/zh-cn/因为我们更多的是利用vue+webpack搭建整个项目的框架（例如vue-cli），所以我们这里利用vue-cli讲解1.路由的介绍何为前端路由路由是根据不同的
南张门·2020-07-07 09:15

webpack+vue + express (hot) 热启动调试简单配置

前言最近搞vue+webpack，vue的api还是比较容易懂的，每次build很复杂，这里就介绍下热启动调试吧，心累~~~ITDogFire–sky工具及目录所用的到的简单工具webstorm+vue
ITDogFire·2020-07-07 09:33

VueJS -- 使用vue+webpack搭建一个vue简单工程项目

创建VUE工程项目，我们可以使用vue-cli这款脚手架，但是这里面得一些细节被屏蔽了，如果你不清楚原生使用wepack配置的话，那么项目如果需要对vue-cli配置进行修改，可能你会无从下手。我们先来看一下项目目录。app里面放的是项目资源，index.js是入口文件index.css是全局样式表index.vue是最外面的父组件components是一些组件dist文件是webpack的出口文
wust_cyl·2020-07-06 07:15

记录总结Vue+webpack的安装及配置

Web前端框架Vue+webpack搭建利用vue自己的脚手架工具vue-cli搭建起基本的环境配置，再通过npm包管理工具引入相应的依赖来完善项目的各种依赖框架。
歪歪100·2020-07-06 03:30

使用vue+webpack从零搭建项目

vue到现在已经成为一个热门的框架，在项目实践当中，如果想要创建一个新项目，通常都会使用vue-cli的脚手架工具，毋容置疑能够方便很多，很多东西也不需要自己亲自去配置。都知道，脚手架其实是vue结合webpack去实现的。在这里，我就想写一篇从零创建vue结合webpack项目的文章，跟大家学习分享。一、首先来整理个最简单的目录结构|-index.html|-main.js|-App.vue|-
weixin_33966365·2020-07-05 23:36

vue学习——从零搭建vue+webpack项目

一安装nodevue项目搭建依赖node的npm包管理器，所以我们先得安装node，此处就不详细讲解其安装过程。二安装vue-clinpminstall-gvue-cli安装成功后可以输入vue查看相关命令的使用，输入vuelist可以查看vue可以用的模板:我们这里选择webpack模板：vueinitwebpackprojectName输入上述命令，设置根据提示设置你的项目即可，如果不设置，一
weixin_30781107·2020-07-05 21:13

Vue+webpack IE11兼容性问题

打开IE11空白页，存在兼容性问题，发现是IE无法转ES6转为ES5一般在webpack.base.conf.js加入以下代码entry:{app:["babel-polyfill","./src/main.js"]},实在不行再在main.js导入import'babel-polyfill'//兼容IE11运行发现还是不行报错，这个时候就是使用了elementui（我就是使用了）,那么因为ele
易01·2020-07-05 17:57

如何通过 Vue＋Webpack 来做通用的前端组件化架构设计

目前如果要说比较流行的前端架构哪家强，屈指可数：reactjs、angularjs、emberjs、avalonjs、vuejs。我个人接触使用过：avalonjs、angularjs、vuejs。因为工作以及前端团队能力的问题，所以在不同的公司，在开发工作中选用了不同的前端架构。以下仅仅是代表我个人选用架构的一些看法和理由，如下：angular:我觉得angularjs的学习上手周期比较长，可能
小熊代码加·2020-07-05 06:50

webpack4手动搭建vue项目

看了慕课网的vue+webpack打造todo的教程，要手动搭建一下vue的项目。教程的webpack版本是3.0的，在学习的时候遇到了一个问题。
开着拖拉机的码农·2020-07-05 04:48

vue+webpack的快速使用

一、vue有两种使用方式：1.下载vue.js2.使用npmnpminstallvue二、在vue的mvc思想基础上，会有很多想实现的功能，可以不必原生写。比如ajax请求，各种插件。安装vue-cli，促使这些插件可以在vue上运行。npminstallvue-cli-g三、vue安装成功测试cmd中,(vue各种模板)vue-Vvuelist四、使用vue，结合webpack开发。从vue的角
莱宝·2020-07-05 03:07

前端构建vue+webpack项目的环境安装

前端构建vue+webpack项目的环境安装环境要求环境要求1.检查是否安装node.js运行环境直接官网下载node使用node管理工具nvm安装推荐优点：多node版本切换git上直接下载nvm:点我
someRian·2020-07-05 00:27

快速搭建vue+webpack开发环境

1.安装node.js与npm首先，你需要安装node.js与npm,如果没有安装，可以去官网安装，node.js官网地址：https://nodejs.org/en/，一般node.js都自带npm。安装完node.js后，在终端输入node-v以及npm-v查看是否安装成功，如果出现版本号，即表示安装成功，如下图：2.安装webpack在终端输入：npminstall-gwebpack3.全局
Jerry丶惟·2020-07-04 19:57

前端框架的搭建（vue+webpack）

Npminstallvue-cli-g：安装vue-cliVueinitwebpacktest(项目名称)3.Npm/yarninstall：安装依赖4.Npmrundev：启动项目（简单框架已搭建好）5.引入外边框架/插件(以element为例）:a.npmielement-ui-Sb.Main.js文件引入：c.安装时eslint设置的默认规则的原因，可先去掉该规则：d.忽略eslint的所有
choucha5981·2020-07-04 13:23

vue中使用vue-infinite-scroll

都要新建一个vue+webpack的项目，建立过程这里不再赘述。
李小斌96·2020-07-02 07:21

用vue+webpack搭建的前端项目结构

上个项目第一次用到vue+webpack，也是我第一次尝试自动化、模块化的开发方式，总的来说就是结构太烂，开发体验差，效率低，难维护。
对角另一面·2020-07-02 01:05

webgl学习-babylon环境搭建

（吐槽一下，官网的文档真的不会很友好，中文不全不说，示例也比较少，有时候查找某些东西隐藏的很深或者干脆需要你自己试验）接下来我们进入学习babylon的第一步，搭建环境（额外声明：本次所有代码都是基于vue
aixinaxc·2020-07-01 16:35

vue+webpack初体验

step1:检查本地是否安装node:node-v没有安装先安装最新的node。如果已经安装了想要升级，可以先安装n模块，用n模块来升级安装n模块：npminstall-gn升级nstablen后面也可以跟版本号更新到指定版本比如nv0.10.26step2:检查npm版本：npm-v如果版本低可以升级：npminstall-gnpmstep3:安装webpack，推荐全局安装：npminstal
脑袋炸了·2020-07-01 02:42

vue+webpack 前端性能优化

背景对于程序开发者而言，开发一个项目不仅仅注重效率和功能，前端的性能问题也是非常重要的。这直接影响用户的体验，从而间接的也反应该项目质量的好坏。影响项目性能的原因有很多，如：资源文件的大小，业务的繁杂程度等，所以前端优化的方式也很多。这些东西很零碎，容易被人遗忘。所以这篇文章中对我平时用的优化方式总结一下，可能不是太全面，大家有其它的优化方式可以留言，互相交流下哟。不说了，麻溜的写。。优化一：vu
随笔记呀·2020-07-01 02:42

vue(vue-cli+vue-router)+babel+webpack项目搭建入门（四）上线部署

vue(vue-cli+vue-router)+babel+webpack项目搭建入门本系列文章将介绍基于vue+webpack的前端项目的构建过程。
大菜鸟231·2020-06-30 10:21

vue(vue-cli+vue-router)+babel+webpack项目搭建入门（一）开发环境搭建

vue(vue-cli+vue-router)+babel+webpack项目搭建入门本系列文章将介绍基于vue+webpack的前端项目的构建过程。
大菜鸟231·2020-06-30 10:21

使用vue+webpack的多页面框子

首先，要大概知道webpack是什么，webpack的插件都是做什么用的，vue是什么，然后看完之后也可以去补充一下这些方面的知识。第一步：安装环境需要安装的有：nodejs，并添加入环境变量PATH使用nodejs安装vue-cli参考内容：http://cn.vuejs.org/guide/installation.html#u547D_u4EE4_u884C_u5DE5_u5177使用命令：
胡杨0糖糖0·2020-06-30 06:02

使用webpack搭建简单的vue+element-ui项目，并实现模块按需加载

准备工作：在此之前，需要大家搭建一个简单的vue+webpack项目，本文讲述的操作是基于这个项目的，所以，需要大家准备一下，具体操作步骤请参考博客(https://blog.csdn.net/
让我看看谁在学习·2020-06-29 05:47

前后端分离项目之python后端部署前的操作

前后端分离项目后端部署前端：VUE+webpack打包+vue-router路由后端：python+django前端项目结构前端项目操作目录前端打包npmrunbuild生成打包后目录dist文件夹直接点进去
宅神kin·2020-06-29 03:44

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#[Object]‘的解决方法

发现问题1，运行一下以前的一个Vue+webpack的vue仿新闻网站小项目，报错由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因-v-2，点开错误的文件，标注错误的地方是这样的一段代码
selfimpr626·2020-06-29 02:27

wordpress插件使用vue+webpack开发后台界面以及使用node-wpapi和wpdb访问数据库

原文链接：https://dsx2016.com/?p=1066公众号：大师兄2016一.vue开发插件后台界面wordpress本身自带jquery环境，php也可以写html代码，从而展示前端页面。但是jquery有一些过时了，不太适合现在数据驱动开发，使用vue可以更快更好的迭代。如上图所示，vue-cli开发的界面可以应用在插件界面中。二.设置管理菜单在插件的index.php中（入口文件
IT大师兄吖·2020-06-28 20:57

webuploader插件坑及使用心得

我在目前的公司做的项目要么是原生写法去做项目，要么就是vue+webpack做项目，但是vue这部分只是用了模板template，vue其他的都没用。
一路奔跑94·2020-06-28 20:07

Monaco Editor 自定义语言的实现

TheMonacoEditoristhecodeeditorthatpowersVSCode.ItislicensedundertheMITLicenseandsupportsIE9/10/11,Edge,Chrome,Firefox,SafariandOpera.安装npminstallmonaco-editor复制代码引用本人写Vue
weixin_34274029·2020-06-28 15:50

Vue2+VueRouter2+webpack 构建项目实战（二）：目录以及文件结构

通过上一篇博文《Vue2+VueRouter2+webpack构建项目实战（一）：准备工作》,我们已经新建好了一个基于vue+webpack的项目。本篇文章详细介绍下项目的结构。
weixin_33918357·2020-06-28 08:47

从零开始：一个正式的vue+webpack项目的目录结构是怎么形成的

如何从零开始一个vue+webpack前端工程工作流的搭建，首先我们先从项目的目录结构入手。一个持续可发展，不断加入新功能，方便后期维护的目录结构究竟是长什么样子的？
weixin_33896726·2020-06-28 07:46

Vue+webpack项目的多环境打包配置

背景：由于需要将应用部署到线上开发环境、线上测试环境、线上预发环境、线上生产环境，而每个环境的访问地址是不同的。如果每次更改请求地址未免有些繁琐，就考虑在本地进行一次性配置。代码管理工具：git代码分支：1.0-dev//开发分支1.0-test//测试分支1.0-pre//预发分支1.0//正式分支应用部署服务器：阿里云服务器一、安装依赖：cross-env使用cross-env解决跨平台设置环
weixin_33843409·2020-06-28 06:15

vue切换页面 动态设置meta和title标签内容

pc端项目中为了优化SEO搜索，要求首页和内容页的title/keywords/description保持不一样用vue+webpack搭建的项目思路：1）由于vue是单页面应用，index.html入口文件标签只有一个
正在敲代码的Kris·2020-06-27 14:13

构建托管于GitHub的Vue+Webpack的前端项目

最近更新时间：2017年5月16日15:15:49《我的博客地图》优秀的前端工程师，总会探索未知的东西，通过学习和实践感受从无到有的体验，今天分享的是一个前后端分离的前端项目，该项目托管于GitHub可进行多人协作开发，通过VueJs框架构建，并由Webpack包管理工具进行模块打包和管理。1、GitHub创建项目如果您没有GitHub账号，请先行注册账号，之后进入自己账号进行如下操作；点击New
万少博·2020-06-27 14:53

Vue+Webpack打包之后超过url-loader大小限制的图片在css的background-image中使用路径问题

一个vue项目中有一张图片，在css中background-image中使用，大小超过了url-loader大小限制。npmrundev的时候一切正常。npmrunbuild之后图片被直接放在dist/static/img文件夹下，但是打包后的css却在dist/static/css/static/img路径下找该图片，如果我把url-loader大小限制改成超过图片大小也能正常显示，但是图片较大
手指乐·2020-06-27 13:52

Vue+Webpack搭建多页面应用案例

注解：使用vue可以搭建单页面应用（SPA,Single-pageApplication），也可搭建多页面应用（MPA,Multi-pageApplication），在搭建多页面应用前，我们先看下单页面应用和多页面应用的区别以及各自的优缺点：一、单页面应用(SPA,Single-pageApplication)和多页面应用(MPA,Multi-pageApplication)的区别–单页面应用（S
wangcuiling_123·2020-06-27 12:48

webStorm vue+webpack 打包采坑

vue-resource配置importVueResourcefrom'vue-resource'Vue.use(VueResource);Vue.http.options.root='http://127.0.0.1:10030';Vue.http.options.emulateJSON=true;springboot(2.x版本)配置这个注解放到单独的接口上则表示这个接口支持跨域接口放到Con
imsjw·2020-06-26 22:07
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他