通过vue-cli3构建一个SSR应用程序

1、前沿 1.1、什么是SSR SSR(服务端渲染)顾名思义就是将页面在服务端渲染完成后在客户端直接展示。 1.2、客户端渲染与服务端渲染的区别 传统的SPA模式 即客户端渲染的模式 Vue.js构建的应用程序,默认情况下是有一个html模板页,然后通过webpack打包生成一堆js、css等等资源 ... »

vue-cli使用swiper4在ie以及safari报错

通过vue-cli构建的项目,通过npm run swiper --save-dev安装的是swiper4版本的插件,但是这样安装以后在谷歌火狐等浏览器都可以正常运行,但是在safari浏览器(可能是版本太低)还有ie(9,10,11)打开会报错,页面空白,报的错是SyntaxError: Use ... »

Vue-cli

cli配置 **一、安装vue-cli** 安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node,我这里的npm版本为3.10.10。如果该命 ... »

webpack4:连奏中的进化

webpack4在2月底的时候发布,这次webpack4有了一个名字"Legato",也就是"连奏"的意思,寓意webpack在不断进化,而且是无缝(no-gaps)的进化。webpack的进化点是通过捐赠者和用户投票来决定的,之前在介绍webpack3的时候,曾给出过投票数在前几名的优化点,集中在... ... »

vue-cli2.9.1如何自动打开浏览器及实现手机调试

在vue-cli2.9.1以前我们运行 “npm run dev” 程序会自动打开浏览器进行调试,而且在手机浏览器输入 “IP地址:8080” 能实现在手机端的调试,可是升级到vue-cli2.9.1后一切都不一样了,浏览器需要手动输入网址调试,手机端输入 “IP地址:8080” 已经不能打开页面了 ... »

vue-cli的使用

1、安装node https://nodejs.org/en/download/ 2、webpack安装【我选全局安装】 全局安装 npm install --global webpack 5、进入生成的项目文件夹;cd 项目名 【此处:cd vue-demo】 6、npm run dev:运行项目 ... »

开源一套基于vue全家桶的webapp

一、设计初衷 原本今年就是有一个打算要做一套商业的作品,恰巧目前离职,在找工作的过程中,所以有时间闲下来沉淀对原本的知识进行梳理。 说一个题外话,就是由于博主之前是很早一批使用vue的用户,也就是距今有接近两年,当时的vue还没有一个特别完整的生态圈。所以在本次项目的编写中,确实感受到了vue这些年 ... »

vue-cli工具搭建vue-webpack项目

1.安装node环境 下载地址 https://nodejs.org/en/download/ node -v 安装成功后在命令行查看node版本 npm-v 安装成功后在命令行查看npm版本 2.用npm全局安装工具vue-cli npm install vue-cli -g 3.使用vue-cl ... »

快速入门vue-cli配置

作为一名使用了一段时间Vue.js的新手,相信和不少初入Vue的朋友一样,都对Vue-cli的配置一知半解。后来通过对webpack的学习,也算是对脚手架的配置有了一定的了解,所以也想把这段时间自己的成果分享给大家,希望能和大家一起进步。 有两点要说明的: 阅读本文需要了解一点点webpack的知识 ... »

搭建VUE项目的准备(利用vue-cli来构建项目)

首先需要明确的是:Vue.js 不支持 IE8 及其以下 IE 版本,一般用与移动端,基础:开启最高权限的DOS命令(否则会出现意外的错误提示) 注意:个人小推荐如果我们不知道如何才能开启最高权限的DOS命令,个人安利一个软件DISM++,功能主要清楚系统垃圾什么的,在小工具里会有个春哥附体 这样在 ... »

vue-cli 使用小技巧

1.关闭烦人的eslint 语法检测,在 config 文件夹下 设置: // Use Eslint Loader? // If true, your code will be linted during bundling and // linting errors and warnings wil ... »

手把手教你用vue-cli搭建vue项目

手把手教你用vue cli搭建vue项目 本篇主要是利用vue cli来搭建vue项目,其中前提是node和npm已经安装好,文章结尾将会简单提到一个简单的例子。使用vue cli搭建项目最开始我也是看网上的教程一步步搭下来,所以其中的一些步骤说法为了表达正确会进行一定参考。 一、 项目使用技术、框 ... »

十二、VueJs 填坑日记之项目打包发布

通过上一篇博文的学习,我们其实已经完成了我们设想的项目的开发。但是,我们做好的这套东西,是基于 nodejs 开发的。而我们最终希望,我们开发的项目,生成好一堆文件,然后随便通过任何一个 http 服务就能跑起来,也就是,还原成我们熟悉的 html+css+js 的模式。这章,我们来讲解这部分内容。 ... »

十一、VueJs 填坑日记之使用Amaze ui调整列表和内容页面

到此为止我们就完成了列表页面和内容页面的整合了,说明一下在调整后的script中,多了个mounted 方法,这个是vuejs的勾子函数,我理解的意思表示元素已经创建,数据也渲染完成。我们来设置admin-content的高度就没有问题了,不过这个我不确定是我的写法有问题,还是Amaze ui和vu... ... »

十、VueJs 填坑日记之在项目中使用Amaze UI

上一篇博文,我们把jQuery集成到了项目中,今天我们来集成Amaze ui(妹子UI)。先来介绍一下妹子UI。Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。最主要是妹子UI的性能... ... »

使用vue2.x+webpack+vuex+sass+axios+elementUI等快速搭建前端项目框架

一、本文将分享如何快速搭起基于webpack+vue的前端项目框架,利用vue的自己的脚手架工具vue-cli搭建起基本的环境配置,再通过npm包管理工具引入相应的依赖来完善项目的各种依赖框架。下面是具体实操。 二、基本命令操作。 1.在开发之前需要首先安装node.js,直接百度搜索或者在其中文官 ... »