![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue应用
秋风扫落叶~
学无止境
展开
-
vue框架搭建的详细步骤之项目结构(二)
上一篇中简单的创建了一个脚手架,这篇简单的讲一下脚手架的项目结构:(1).build/此目录包含开发服务器和生产webpack构建的实际配置。通常,您不需要触摸这些文件,除非您要自定义Webpack加载器,在这种情况下,您应该看看build/webpack.base.conf.js。(2).config/index.js这是主要的配置文件,它暴露了构建设置的原创 2017-09-01 14:37:00 · 4189 阅读 · 0 评论 -
vue框架搭建的详细步骤之脚手架(一)
在这里我们先快速的搭建一个vue的脚手架:(1).在安装vue的环境之前,安装NodeJS环境是必须的。可以使用node -v指令检查,需要保证安装了4.0版本以上的nodeJS环境。没有安装的话,去Node.js的官网下载一下,各种下一步,傻瓜式安装就好,非常方便。(2).安装vue-cli先全局安装vue-cli使用指令npm install -g vu原创 2017-09-01 14:33:43 · 2371 阅读 · 3 评论 -
eslint的语法配置项
个人认为eslint可以很好的保证代码规范,当然在开发调试过程中可能会很麻烦,所以下面说下怎么关闭eslint:这里只说下vue-cli脚手架的关闭方法,其实很简单,就是把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。module: { rules: [ // { // test: /\.(js|vue)$/,...原创 2018-07-03 15:14:54 · 2646 阅读 · 0 评论 -
支持触屏设备和大部分浏览器的拖拽排序插件sortable
最近用了一款比draggable还好用的拖拽插件sortable,在移动端拖拽过程中呈现的动画也是一级棒!!!先说下这个插件在vue项目中的用法,下篇讲解下js用法。下载地址:https://github.com/SortableJS/Vue.Draggable 使用方法:一. 下载包:npm i vuedraggable -save (后加-save 保存配置到packa...原创 2018-10-12 09:11:01 · 1363 阅读 · 0 评论 -
移动端自适应适配布局的方法总结
方法一:rem布局(个人最喜欢的方法)首先确定你的设计稿是基于iphone6还是iphone4/5:如果设计稿基于iphone6,横向分辨率为750,body的width为750 / 100 = 7.5rem如果设计稿基于iphone4/5,横向分辨率为640,body的width为640 / 100 = 6.4rem(1).对视口做如下设置:<meta name="vi...原创 2018-10-23 16:16:41 · 5306 阅读 · 2 评论 -
支持触屏设备和大部分浏览器的超级好用的拖拽排序插件sortable二(配置属性详细讲解)
这篇接连着上篇,这篇主要讲解属性和配置项下载地址:https://github.com/RubaXa/Sor...官方DEMO:http://rubaxa.github.io/Sorta...该插件在vue项目里的用法:https://blog.csdn.net/zmm13298329239/article/details/83021603特点 支持触屏设备和大部分浏览器(IE...原创 2018-10-23 15:18:15 · 1137 阅读 · 0 评论 -
webstom的eslint中的fix eslint problems 如何对.vue文件生效
如果你的项目中做了eslint的配置,鼠标右键点击js文件时,会多一个Fix Eslint Problems的选项,如下图所示;该选项可以根据eslint规则自动修复js文件中出现的常见错误。该选项本质上就是执行了eslint --fix filename.js。可能是我的webstorm的版本过低,配置了eslint后,右键.vue文件却不会出现Fix Eslint Problems选项...原创 2019-01-09 14:27:49 · 6373 阅读 · 0 评论