Vue-cli 第119页

vue入门（一）安装及创建第一个项目

一、安装为了让我们创建Vue项目更加容易，我们使用vue.js的脚手架工具Vue-cli。这里采用npm进行安装1.首先安装node.js，现行版本的nod

来日可期·2020-07-31 23:50

最详细的webpack说明-------教你手写webpack4.0

比如你写vue项目，知道vue-cli。写的项目也无以伦比，但是你是否又会去了解下vue-cli到底发生了什么？或许这就是面试官要问你的问题：请手写一个webpack4.0的配置。

宋哈哈·2020-07-31 22:51

用vue构建项目笔记5(在vue-cli项目中引用公用方法)（vue resource统一处理）

之前用cli脚手架构建的项目废了，又让我改成jq了，悲剧，这次这个项目用纯vue实现了，哈哈。下面介绍如何引入全局方法供每个组件都能调用。1.创建一个js文件，我起的名字叫做“common.js”，放在assets>js下。2.在common.js文件中写入公用方法exportdefault{install(Vue,options){Vue.prototype.url="http://www.ba

風卍雲·2020-07-31 22:54

在vue中封装可复用的组件

准备工作：vue-cli脚手架工程先看一下涉及到的文件目录截图：这次的封装主要涉及的文件是Toast.vuetoast.jsHello.vue，主要思路如下：①Toast.vue是我们要使用的toast

su的前端之路·2020-07-31 22:51

vue-cli 3.3.0 + vant + 部署中出现的问题

（一）1.使用vant开发webapp，使用vant方法npmivant-S(或者yarnaddvant)2.在main.js中import'vant/lib/index.css'以button为例，若向全局引入，因为基本每个页面都需要按钮，在main.js中import{Button}from'vant'Vue.use(Button)若想要在单个页面引入，则需要在相应的vue页面引入(二)vue

kk_依旧·2020-07-31 22:05

vue-cli 工程中非父子组件通信之兄弟组件通信 bus的使用

首先借鉴官方文档有时候，非父子关系的两个组件之间也需要通信。在简单的场景下，可以使用一个空的Vue实例作为事件总线：varbus=newVue()//触发组件A中的事件bus.$emit('id-selected',1)//在组件B创建的钩子中监听事件bus.$on('id-selected',function(id){//...})具体怎么使用，不多说，直接上代码首先我们需要在main.js加入

素燃·2020-07-31 22:32

（二）axios以及Node.js中Express框架的使用

摘要：接着（一）vue-cli初始化项目并引入ElementUI内容写，那篇文章已经成功引入ElementUI组件了。

澜岚伊人·2020-07-31 22:26

vue带路由的生命周期详解

引言之前我有写过vue生命周期详解，但这个是最简单的不用vue-cli直接script引入vue.js的生命周期分析。其实也就是单个vue实例的生命周期。

qq_33712668·2020-07-31 22:18

Vue-cli 中为单独页面设置背景色的方法

例子：支付成功学车所需资料学车考照流程1.如果直接在css中设置body的background-color，会导致其他页面的背景色响应改变，所以不可取；2.如上面例子如果设置.finish-wrap的背景色以及高度为100%时，会发现只是一部分的背景色发现改变，却不能使整个屏幕背景色变化；原因：打开app.vue，你会看到原因就是这里还有一层div，所以你改变的不是最外层的div背景色，但是你有不

vinkyfung·2020-07-31 21:54

vue工程vue-cli或只依赖webpack打包的循环依赖和内存溢出Maximum call stack size exceeded Array.join

项目报错且启动不起来。错误大致如下RangeError:MaximumcallstacksizeexceededArray.join往往是因为项目中有循环依赖比如vue-router中采用异步路由，require("*/**")或import("*/**");而被引入的组件中又依赖router或上一层，导致webpack打包模块循环依赖。或是require某个特定的文件夹而不指明具体文件，requ

qlingsu·2020-07-31 21:11

Vue-cli中非父子组件之间通信

首先在main.js创建一个中转站，并且暴露出来。//非父子组件通信中心constvueEvent=newVue();exportdefaultvueEvent;然后在自己的页面Page.vue中引入进来（路径自行更改）importvueEventfrom'../../../main'当前页面的组件,点击的时候发送数据为a标签的内容，在mounted方法里面span里面接收并重新渲染内容！{{na

qinyong^_^·2020-07-31 21:59

Vue项目引进ElementUI组件的方法

如果安装版本比较老，想升级新版本npminstallnpm-g安装webpack安装webpacknpminstallwebpack-g-g表示安装为全局安装vue-cli安装vue脚手架项目初始化工具

易水人去丶明月如霜·2020-07-31 21:05

vue-cli为页面设置body背景颜色

1.直接在当前的page内设置如下：mounted(){document.querySelector('body').setAttribute('style','background-color:#f8f8f8')},beforeDestroy(){document.querySelector('body').removeAttribute('style')},2.在全局路由钩子那边添加判断：if

omg_lwf·2020-07-31 20:20

webpack配置多页面项目

我自己最常用的是vue,平时就是使用vue-cli或者nuxt构建的项目，聪明的前辈已经为我们配好了项目，可以让我们不必去配置就可以轻松使用。

Tiramisu_C·2020-07-31 20:01

Vue 2.5.2下 axios + express 本地请求404

使用的过程中发现接口请求一直404,后来发现在当期的Vue-cli构建的最新的项目中，接口请求应该这样写。

Micah_A·2020-07-31 20:51

使用webpack的DllPlugin方法优化vue项目的打包速度

本项目是用vue-cli脚手架搭建的，webpack的版本是3.12.0；vue-cli的版本是2.96；第一步：在根目录的build文件夹新建一个webpack.dll.conf.js文件，代码如下：

懒人写笔记·2020-07-31 19:59

解决vue-cli脚手架访问出现“Invalid Host header”

在使用vue-cli脚手架创建项目之后，如果通过内网映射把项目放到公网上去访问的时候会出现“InvalidHostheader”的错误。

new-lijiabin·2020-07-31 19:51

vue-cli中使用微信JS-SDK开发(axios+promise封装)

首先要先保证已绑定安全域名，先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”绑定好后再使用npm安装jsnpminstallweixin-js-sdk安装好后在需要的地方import引入即可通过config接口注入权限验证配置所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的webapp可在每次url变化

laishaojiang·2020-07-31 19:41

微信分享功能实现，兼容安卓和IOS

微信分享注意事项生成签名的路径必须是当前页面的路径分享的url不能含有特殊符号，例如#（所以vue-cli项目路由要用history模式history模式配置）ios分享图标不能超过32Klink参数带中文或者特殊字符

panmx_web前端·2020-07-31 18:48

vue-cli 组件之间的通信

通信基本原则不要在子组件中直接修改父组件的状态数据数据和处理数据的函数应该在同一模块内组件通信常用方式props自定义事件slot插槽消息订阅与发布vuex组件通信方式1-props在组件内声明所有的props只指定名称props:[‘name’,‘age’,‘logDog’]指定名称和类型props:{name:String,age:Number,logDog:Function}指定名称/类型/

javaの小白·2020-07-31 18:42

nmp安装vue-cli时报错解决方法

nmp安装vue-cli时报错解决方法：[email protected]:CoffeeScriptonNPMhasmovedto"coffeescript"(nohyphen

SioH·2020-07-31 18:13

Vue全家桶之前端工程化（模块化、Webpack、Vue-cli脚手架、Element-UI）

清玄huo·2020-07-31 18:44

正确姿势开发vue后台管理系统

项目地址vue-admin-webapp欢迎star，fork前言相信许多人和我一样刚接触vue时看文档都很枯燥，看完vue，还有vueRouter、vuex、vue-cli、es6(学不动了。。。)

blue blue~·2020-07-31 17:16

egg+vue+easywebpack+typescript报错can not bulid module：can find file xxxx.vue

前言网上很多文章都是如何利用vue-cli建造好项目后然后修改成typescript模式开发文章很多这里不说了不过提醒一个坑注意webpack的版本否则脚手架创建的项目还是webpack3而你后嫁接成ts

gaoqiang1112·2020-07-31 17:44

初用vue脚手架

初用Vue-cli脚手架以前也接触过vue这个框架，但是一直也就是项目上的应用，实际上，并不是很了解，现阶段不是很忙，就从头看看，有些值得记录下来的，便写下来了创建Vue-cli脚手架1、下载安装Node.js

青枫岸，白石湫·2020-07-31 16:56

vue+vue-router 打包后遇到的一系问题

写完项目（vue-cli）直接npmrunbuild之后，生成了一个dist文件夹，里面有一个index.html和一个static文件夹，把dist文件夹放在我的wamp的www目录下，然后访问127.0.0.1

PrayerYa·2020-07-31 15:18

vue-cli脚手架搭建

一、环境的搭建：安装node.js，安装完成后，打开命令行工具(win+r，然后输入cmd)，输入node-v，如下图，如果出现相应的版本号，则说明安装成功。安装淘宝镜像，打开命令行工具，把这个（npminstall-gcnpm--registry=https://registry.npm.taobao.org）复制（这里要手动复制就是用鼠标右键那个，具体为啥不多解释），安装这里是因为我们用的np

好心小萍宝·2020-07-31 15:22

vue-cli 配置资源引用的绝对路径

1、在vue项目中，我们经常需要引用图片等资源，每次用相对路径来说太麻烦2、于是将要解决在vue-cli下搭建的项目配置绝对路径的位置配置如下：在项目中的build文件夹下的webpack.base.conf.js

linefate·2020-07-31 14:57

基于vue-cli的vue项目之路由5--router.push,go,replace方法

push方法：想要导航到不同的URL，则使用router.push方法。这个方法会向history栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的URL。当你点击时，这个方法会在内部调用，所以说，点击等同于调用router.push(...)。replace方法：跟router.push很像，唯一的不同就是，它不会向history添加新记录，而是跟它的方法名一样——替换掉当前的h

mkmin·2020-07-31 13:48

vue项目打包踩坑记

注意：需要完整版的vue-cli项目，即通过vueinitwebpack初始化的项目才可以，通过vueinitwebpack-simple初始化的项目没有打包文件，无法打包。

Ctp789456·2020-07-31 13:22

小程序开发（2）-引入vant-weapp样式

1.使用vue-cli搭建项目框架使用命令：vueinitmpvue/mpvue-quickstartvue-0323参数填写如下：tips：这里我关掉了eslint的校验功能，因为实在是太烦了。

小魏的马仔·2020-07-31 13:56

如何开发一个基于 Vue 的 ui 组件库（一）

常见的解决方案是像开发一般项目一样使用webpack-dev-server预览组件，比如通过vue-cli初始化项目，或者自己配置脚本。

weixin_34362790·2020-07-31 12:27

Vue-cli 中为单独页面设置背景图片铺满全屏的方法

Vue-cli中为单独页面设置背景图片铺满全屏的方法importmeadiaurlfrom'../..

做个前端工程师吧·2020-07-31 12:50

vue组件传值

使用vue-cli构建完成后,HelloWorld为父组件，Test和Test2为子组件一父组件向子组件传值HelloWorld.vue:{{msg}}importTestfrom'@/components

utf--8·2020-07-31 12:37

vue 单页面(SPA) history模式调用微信jssdk 跳转后偶尔 "invalid signature"错误解决方案...

项目背景vue-cli生成的单页面项目，router使用history模式。产品会在公众号内使用，需要添加微信JSSDK，做分享相关配置。

weixin_30538029·2020-07-31 11:49

用vue-cli

npminit初始化创建一个package.jsoncnpminstallvue-clivueinitwebpack.注意后面有个点?Generateprojectincurrentdirectory?YesThiswillinstallVue2.xversionofthetemplate.ForVue1.xuse:vueinitwebpack#1.0?Projectnameresumer?Pro

727上上上·2020-07-31 10:51

vue-cli4.x创建企业级项目的方法步骤

安装脚手架（vue-cli）$npminstall@vue/cli-g//全局安装最新的脚手架创建项目$vuecreatevue-demo在创建项目的时候可以使用$vueui来进行创建，两种方式在创建的时候

·2020-07-31 10:09

在vue里面使用sass

首先使用vue-cli搭建整个项目以后,全局安装npmi运行成功以后,再安装sass//sass-loader是依赖node-loadernpmisass-loadernode-sass-D然后在build

有风吹是幸福的·2020-07-30 23:37

idea中启动vue项目及前后端分离浏览器调试技术分享

开发工具idea，前端框架vue，需要安装node.js以及vue-cli；一、在IDEA中配置vue插件点击File–>Settings–>Plugins–>搜索vue.js插件进行安装，安装完成后重启

卐东尐爺卍·2020-07-30 23:15

新建一个vue项目，以及安装常用依赖包

首先必须要有npm，window下无法在线更新node.js版本，所以每次要更新版本需要重新安装node.js1.新建一个文件夹用于存放项目mkdirfileName2.下载一个全局生成vue项目的脚手架vue-cli

切图工·2020-07-30 22:41

2019-06-05

Vue-cli项目根据线上环境和测试环境分别打出测试包和生产包教程Step1、package.json中新增命令行脚本test命令,并指向build文件夹下的test.js。

半曲恋江北·2020-07-30 22:39

使用VUE框架进行前后端分离开发

1-首先安装vue-cli脚手架工具命令行输入npminstall-gvue-cli查看版本号，是否安装成功vue--versionimage.png如图示，即安装成功；2-创建新项目进入创建目录，输入项目名称

微笑吧_5464·2020-07-30 22:21

vue框架搭建（移动端-crm7slyun项目）

一.开发环境安装nodejs、webpack，按网上教程即可二.vue-cli初始化项目拉取git已建好的项目名，在本地使用vue-cli初始化项目，按网上教程即可三.css处理方式（scss）使用scss

ywltoread·2020-07-30 22:02

idea关于vue高亮显示配置

IntellijIDEA准备如果你想在IntellijIDEA的Terminal中构建vue-cli项目，还需要做一点准备。如果使用cmd构建，则跳过此步骤。

夜空下的微笑·2020-07-30 21:16

vue脚手架搭建移动端项目--flexible.js

node-v查看是否安装node环境在nodejs和webpack已安装的前提下，随便一个文件夹下，输入命令行npminstallvue-cli-g安装完成后，通过vue-V查看版本号验证是否安装成功通过vue-cli

weixin_30244681·2020-07-30 21:06

手摸手，带你用 vue 动画实现原生 app 切换效果，丝滑般的体验

先来看效果图完整源码在github中，欢迎star：https://github.com/imfing/vuexlearn准备开始之前您需要有vue基础，以及安装好vue-cli开始新建vue项目：vueinitwebpackvuexlearn

stackfing·2020-07-30 21:24

Vue-cli搭建移动端项目

Vue-cli搭建移动端项目项目介绍1.仿照去哪儿APP做的移动端项目2.可以进行移动端的屏幕适配3.使用Vue脚手架工具和webpack打包工具构建项目4.使用预处理语言less编写部分css样式5.

廿七の笔记·2020-07-30 21:45

vue-cli 3.x 上线【入坑合集】

vue-cli3.x打包上线【入坑合集】问题1：使用vue-cli3.x开发的项目，开发的时候顺利无比，一旦打包上线各种问题就来了。首先是资源里面报各种各样的请求错误。解决思路：在src文件夹同级目录下创建vue.config.js文件在vue.config.js中重写打包后的基础路径为当前目录module.exports={//...baseUrl:'./'//...}问题2：重新打包之后上传服

唐家世少·2020-07-30 21:41

vue移动端，基本架构搭建

vue官网#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#安装依赖，走你$cdmy-project

你蠢哭我咯·2020-07-30 21:25

10分钟上手vue-cli 3.0 入门介绍

00、前言当你还在摸索vue-cli2.x版本的配置的时候，vue-cli3.x版本已经出来了，是不是有种快要掉队的感觉，是不是有种快要成为里的“矮矬穷”的感觉。。“什么，不想成为矮矬穷？”，那我们就一起来先入个门吧。后面讲介绍一下2.x与3.x的一些区别，入门级别的。01、vuecli3安装Node版本要求node最低要求8.9，或更高版本，推荐8.11.0+，本文使用的是最新的10.13.0。

Small_Teemo·2020-07-30 21:16

推荐频道

Vue-cli