1.安装插件 npm i -g eslint-plugin-vue 2.修改项目跟路径下的文件:.eslintrc | .eslint.js 3.添加eslint 和 vetur 插件 4.修改vscode首选项配置 "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript",{ "language": "vue", "autoF

 vs code配置vue自动格式化 我他妈的要被这个vs code的格式化逼疯了.我在网上看了很多的文章,不是太老就是不好使,遇到太多坑了.在这贴出自己的配置,虽然有多余的代码,虽然可能在未来的更新中用不了,虽然功能不是十分完全,但是希望能帮助到被逼疯的你.希望大神能给我挑挑毛病,下面开始. 控制变量目的:在你按了ctrl+s之后,根据规则自动格式化vue和js(ts)代码vs code版本:最新版npm版本:最新版插件:·ESLint·Prettier·vuter(这个东西我不确认在自动保存

vue 自动注册全局组件 vue 注册全局组件的方式 const plugins = { install(Vue) { const requireComponent = require.context( // 其组件目录的相对路径(组件目录相对于当前js文件的路径) '../components', // 是否查询其子目录 false, // 匹配基础组件文件名的正则表达式(因此要注册为全局组件的组件名称约定很重要) /Base[A-Z]\w+\.(vue)$/ ) requireCompone

在现在的互联网世界里,自动完成的搜索功能是一个很常见的功能.比如百度.搜狗.360搜索 ... 功能描述一下大概是这个样子的:有一个搜索框,用户在里面输入要查询的条件,系统会“智能”判断用户输完了,然后自动根据条件去搜索相关的数据返回给用户. 网上这个自动完成的插件很多,实现自动完成功能也不复杂,特别是像vue.angularjs.react这类可以实现双向绑定的库出现以后,实现就更方便了.本文不讲自动完成功能的实现,而是介绍自动完成功能后续数据的请求该如何考虑,主要要处理下面两个问题. 问题1

博客中自动路由的原理? 答:简单点说,就是在请求页面时,根据url进行动态添加路由. 与其它自动路由博客的区别? 目前网上的博客,一般都是在build的时候进行动态路由添加,而本博客,采用的是在获得url请求的时候,进行动态添加. 自动路由有什么限制吗? 答:有,因为是通过url进行动态添加,所以,在指定文件夹下,组件文件的相对路径必须与url有一定的关系.当前demo项目,url路径与modules文件夹下的组件相对路径一致.例如: url地址:localhost:5000/home/inde

1.展示效果 如何给vue项目添加eslint呢,如何自动修复呢? 先展示一下效果: 2.配置步骤 1.安装插件ESLint plugin webstrom 其实有个非常好用的插件,ESLint plugin(如果在先安装不来可以手动下载,下载地址https://plugins.jetbrains.com/plugin/7494-eslint) 2.配置插件 安装完毕后在这里几个地方配置一下: 要注意两点 第二个框是你的项目地址/node_modules/.bin/eslint.cmd 第三个框

<script src="https://unpkg.com/vue/dist/vue.min.js"></script>

vue 适配移动端 假设设计图是375 第一步 安装 lib-flexible npm i lib-flexible --save 第二步 安装 px2rem-loader npm install px2rem-loader --save-dev 第三步 引入lib-flexible import 'lib-flexible/flexible'   第四步 最重要的一步 配置utils文件 const px2remLoader = { loader: 'px2rem-loader', optio

1Jenkins配置 获取首次密码 sudo docker exec jenkins cat /var/jenkins_home/secrets/initialAdminPassword 2 2.1Jenkins忘记密码或登录错误 进入xshell找到Jenkins配置文件 修改$Jenkins_home/config.xml文件:false <useSecurity>false</useSecurity> 删除authorizationStrategy.securityRealm

import constant from './const' export function getRouters (files) { let filenames = files.keys() let list = mapToList(filenames) let routerArr = getTree(list) return routerArr } function getTree (list) { let routers = [] list.map((obj, index) => { //

1,服务器上安装docker http://www.runoob.com/docker/ubuntu-docker-install.html?tdsourcetag=s_pctim_aiomsg 2,docker上安装Jenkins 1)按官方推荐 docker pull jenkins/jenkins 2)创建用于存放jenkins的文件夹 mkdir /home/var/jenkins 3)cd进入/home/var/目录,设置jenkins文件夹的归属用户UID为1000 sudo cho

概述 Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架.由于它在数据绑定.页面展示和使用简单方面有很大的优势,逐渐被越来越多的前端开发团队使用.本文介绍基于Azure DevOps Server,如何实现Vue框架前端代码的编译和打包. 代理服务器配置 Azure DevOps Server的自动化流水线,都基于代理服务器Agent Server,需要在你的代理服务器上安装部署好VUE自动打包所需要的环境,这里主要说明如何安装VUE需要Node

最近在写个人Blog 中间看过很多个人博客的开发 一大部分用的是Hexo框架或者vuePress框架 导入各种主题样式插件等等 但是看多了就会发现 很多博主的个人博客基本都很相似 并没有什么新东西呈现出来 我这里是实话实说 虽然很多相似之处但是确实是简单易用 对开发者很友好 最近我也在考虑要不要把我的博客换成Hexo框架来写 这都是后话了. 今天主题是说一个很常见的效果 就是打字机效果 这里附上我博客的视频供各位先参考了解一下 如果视频点不开就访问这个链接吧:vue自动打字机效果​ Typewr

最近因为用到VS Code,需要统一所有人的代码风格(前端语言js/html/css等,或者后端语言 go/python等也可以这么用). 所以参考了一些网络资料,记录下设置步骤,以便后续查阅. Step 1: npm 命令窗口,安装需要的插件 cmd >> npm i -D prettier # eslint-plugin-prettier插件会调用prettier对你的代码风格进行检查,其原理是先使用prettier对你的代码进行格式化, # 然后与格式化之前的代码进行对比,如果过出现了不

最近刚换了新工作,这两天也没有业务上的需求,做了一些前端工程化方面的东西.要在现有的项目中集成 husky+commitlint+stylelint,也不能对现有代码产生影响. 使用 lint 的目的: 拒绝错误代码被提交到代码仓库 修复.美化代码 简单介绍一下库: 我们在创建 vue 项目的时候,eslint 已经集成好了,根据我们自己的需求修改 eslint 规则配置. 规则地址:https://eslint.vuejs.org/rules 查看规则效果地址:https://mysticat

引言 这个页面无疑是最难编写的,但也是非常重要的.或许你遇到了一些问题并且先前用其他的框架解决了.来这里的目的是看看Vue是否有更好的解决方案.那么你就来对了. 客观来说,作为核心团队成员,显然我们会更偏爱Vue,对于某些问题用Vue来解决会更好,如果没有这点信念,我们也就不会整天为此忙活了.但是,我们想尽可能地公平和准确地来讲述.其他的框架也有显著的优点,比如 Rect 的生态系统,或者 Knockout 对浏览器支持到 IE6 .我们把这些也都会全列出来. 我们希望得到你们的帮助,来使文档保

Angular 选择 Vue 而不选择 Angular,有下面几个原因,当然不是对每个人都适合: 在 API 与设计两方面上 Vue.js 都比 Angular 简单得多,因此你可以快速地掌握它的全部特性并投入开发. Vue.js 是一个更加灵活开放的解决方案.它允许你以希望的方式组织应用程序,而不是任何时候都必须遵循 Angular 制定的规则.它仅仅是一个视图层,所以你可以将它嵌入一个现有页面而不一定要做成一个庞大的单页应用.在配合其他库方面它给了你更大的的空间,但相应,你也需要做更多的架构

Vue.js 2.0 和 React.Augular 引言 这个页面无疑是最难编写的,但也是非常重要的.或许你遇到了一些问题并且先前用其他的框架解决了.来这里的目的是看看Vue是否有更好的解决方案.那么你就来对了. 客观来说,作为核心团队成员,显然我们会更偏爱Vue,对于某些问题用Vue来解决会更好,如果没有这点信念,我们也就不会整天为此忙活了.但是,我们想尽可能地公平和准确地来讲述.其他的框架也有显著的优点,比如 Rect 的生态系统,或者 Knockout 对浏览器支持到 IE6 .我们把这

介绍引言 Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动. 一.Vue的引入 Vue.js 是极轻量级的前端框架,官方提供了在线地址引入js文件:https://unpkg.com/vue: 我们也可以通过下载

---恢复内容开始--- 一.对比其他框架 1.react: 共同点: 使用 Virtual DOM 提供了响应式(Reactive)和组件化(Composable)的视图组件. 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库. react路由使用redux,vue也用了类似的vuex 不同点: vue更轻量级,react社区更强大 vue自动获得了 shouldComponentUpdate避免重复渲染 在处理动画时,Vue 每秒最高处理 10 帧,而 React 每秒

此贴仅记录vue学习路程中遇见的大大小小,形形色色的问题 1.  vue自动打开浏览器配置: 当使用vue 脚手架搭建项目后启动npm run dev,会出现 但是不会自动打开浏览器的,这时候去config文件夹下的index.js中进行如下配置即可: autoOpenBrowser: true 将autoOpenBrowser的属性值改成true,之后重启npm run dev即可