摘要：1.设置.vue模板 打开编辑器，点击文件 —— 首选项 —— 用户代码片段，会弹出来一个输入框。 在输入框输入vue，回车，会打开一个vue.json文件。 在里面复制以下代码： 模板内容可按自己的喜好自行修改。 然后新建一个.vue文件，输入vue然后按tab键。 2.如果第一步没有成功 如果第 阅读全文

摘要：<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script> <script type="text/javascript" src="https://cdn.bootcss. 阅读全文

摘要：一、安装 npm install vue-awesome-swiper 二、项目中引入 import 'swiper/dist/css/swiper.css'import {swiper,swiperSlide} from 'vue-awesome-swiper' 重要代码如图： 附上官方案例源码： 阅读全文

摘要：很多同学可能在写h5的时候，也会遇到移动端如何控制屏幕自适应问题！在移动端网页开发中，我们可以用手机淘宝的flexible．那么在vue当中，也同样可以用！接下来就介绍下如何在vue-cli配置的项目里来实现屏幕自适应一、首先，我们需要安装flexible库．项目目录下 cmd命令：npm inst 阅读全文

摘要：关于vue2设置标题推荐使用vue-wechat-title插件 npm install vue-wechat-title --save 下 看后我的使用方式 1. 在 main.js 中 import VueWechatTitle from 'vue-wechat-title'; Vue.use( 阅读全文

摘要：当你拿到完整的vue项目代码，像 node_modules 整个文件夹不可能提交到svn或者github的， 所以怎么自己安装整个项目所需要的一些依赖呢， 前提是你全局安装了node，才能使用nom命令， 命令： npm install 就会根据项目下的package,json文件自动安装文件里面的 阅读全文

摘要：问题： 可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，怎么把它去掉不要呢？ 运行 cnpm run build 开始打包后会在项目目录下自动创建dist目录，打包好的文件都在其中 解决办法：去src/config/index.js中改一个参数： productionSour 阅读全文

摘要：报错图 一通百度，以为是没有装webpack-dev-server，全局安装了还是报错， 后来百度到说是高版本的Bug， 经过排查，发现是 webpack 的新版本的BUG，解决方法就是卸载新版本，安装老版本。 命令如下： 然后项目就正常了。目前确定是 webpack-dev-server@2.10 阅读全文

摘要：首先确认已安装sass依赖， yarn指令：yarn add sass-loader, style中写法如下： 注意calc(100% - 200px); 之间有两个空格的， 阅读全文

摘要：elemen-ui官方网站：http://element.eleme.io/#/zh-CN/component/menu 新手小白利用vue+element-ui尝试搭建后台管理系统， 效果是这样的，但是发现点击首页时，黄色选中状态不会切换到首页， 最后发现可以利用$route.path设置默认选中 阅读全文

摘要：当自己利用element-ui上面的例子来实现整体布局的时候， 就是自己分开成单独的vue组件时，发现布局是不对的，效果是这样的： 代码是这样的，代码一模一样，只是拆开了各个组件，如下图： 后来发现是这个问题，当你拆开后，el-container容器不知道子元素中是否有 el-header 或 el 阅读全文

摘要：vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。 1、使用npm安装vue-cli 需要先装好vue 和 webpack（前提是已经安装了nodejs，否则连npm都用不了） 注意：上面这些装过一次之后都不需要再安装了 比如说我的项目要生成在E盘下面 那么先进到目录里 命 阅读全文

摘要：说明：本demo使用yarn代替npm指令来下载一系列依赖，有详细指令说明；使用WebStorm下Terminal来输入指令； >开始（确认已经安装node环境和yarn包管理工具） 1、新建项目文件名为vuedemo 2、yarn add init 初始化项目 >安装项目依赖 3、yarn add 阅读全文

摘要：初始化项目 yarn add init 安装vue yarn add vue 安装webpack，webpack-dev-server（是一个小型的Node.js Express服务器） yarn add webpack webpack-dev-server 安装babel，babel的作用是将es 阅读全文

摘要：话说今晚在学习Vue.js教程里：Render函数，这一章节是发现了一个问题，就是利用下面的这个render函数可以渲染20个重复的段落： 问题来了，博主很好奇 Array.apply(null, { length: 20 }) 这段代码的作用是什么。有的小伙伴可能一下子就看出来，这段代码不就是生成 阅读全文

摘要：直接来到进阶部分， 回顾一下前面所学，这里注册了一个名叫child的全局组件，其模板是id=template的模板，往上一看发现，这个写法跟以前不一样啊，以前用的是<template>标签，小伙伴们还有印象不？为此查了下api，也就是说这是新版写法。模板里有做了判断，根据level的值来选择head 阅读全文