CodeMirror是一个用于编辑器文本框textarea代码高亮javascript插件,为各种编程语言实现关键字,函数,变量等代码高亮显示,丰富的api和可扩展功能以及多个主题样式,能满足您各种项目的需求. CodeMirror支持大量语言的语法高亮,包括C.C++.C#.Java.Perl.PHP.JavaScript.Python.Lua.Go.Groovy.Ruby等,以及diff.LaTeX.SQL.wiki.Markdown等文件格式.此外,CodeMirror还支持代码自动完成.

过滤器介绍 官方教程地址:https://cn.vuejs.org/v2/guide/filters.html 过滤器常被用于一些文本格式化 我们可以自定义过滤器,可以实现各种各样的功能. vue时间格式化 创建Date.js var dateFormat = { padLeftZero: function (str) { return ('00' + str).substr(str.length) }, formatDate: function (date, fmt) { if (/(y+)/

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

参考文档:https://vuejs.github.io/vetur/formatting.html 自从将VSCode更新之后,vue文件的html格式化就失效了,而且vue文件中的js ,css格式化样式都变了,原因在于都采用了 prettier 来格式化,而配置文件中 vetur.format.defaultFormatter.html 这个配置项的值为"none" 将vetur这个插件的 vetur.format.defaultFormatter.html 值修改成  js-b

一.在这里介绍一个vue的时间格式化插件: moment 使用方法: .npm install moment --save. 2 定义时间格式化全局过滤器 在main.js中 导入组件 import moment from 'moment' Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {    return moment(dataStr).format(pattern) }) filter

在vscode 中   格式化vue文件没效果 解决办法: 点击头部文件 >首选项>设置 在右侧加入这两句 "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautify-html"

formateDate日期格式化,写在公共的js中: export function formateDate(date, fmt){ if ('/(y+)/'.test(fmt){ fmt = fmt.replace(RegExp.$1, (date.getFullYear()+'').substr(4-RegExp.$1.length)); } let obj = { 'M+': date.getMonth()+1, 'd+': date.getDate(), 'h+': date,getHo

个人网站 https://iiter.cn 程序员导航站 开业啦,欢迎各位观众姥爷赏脸参观,如有意见或建议希望能够不吝赐教! VSCode自从更新之后,vue文件的html代码格式化就失效了,而且vue文件中的js ,css格式化样式都变了,原因在于都采用了 prettier 来格式化,而配置文件中 vetur.format.defaultFormatter.html 这个配置项的值为"none",我们需要对它重新进行设置. 哦对了,首先确保你安装了vetur扩展插件.如下图,扩展里直

IDE是vscode 安装了.vetur插件 由于stylus可以仅用缩进不用写大括号之类的,所以十分方便, 但有个问题,按alt shift F 格式化时,vetur这个插件会默认添加上正常css的花括号之类的... 目前是不希望改变stylus的简洁风格,不然就用回scss了. 解决方法 安装插件 然后配置中添加 // 以下为stylus配置 "stylusSupremacy.insertColons": true, // 是否插入冒号 "stylusSupremacy.

export function formatTime(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substring(4 - RegExp.$1.length)); } let o = { 'M+': date.getMonth() + 1, 'd+': date.getDate(), 'h+': date.getHours(), 'm+': date.ge

export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { 'M+': date.getMonth() + 1, 'd+': date.getDate(), 'h+': date.getHours(), 'm+': date.getMi

/** * @description 格式化金额 * @param number:要格式化的数字 * @param decimals:保留几位小数 默认0位 * @param decPoint:小数点符号 默认. * @param thousandsSep:千分位符号 默认为, */ export const formatMoney = (number, decimals = 0, decPoint = '.', thousandsSep = ',') => { number = (number

{   "editor.tabSize": 2,   "editor.fontSize": 18,   "editor.wordWrap": "bounded",   "editor.wordWrapColumn": 160,   "vetur.format.defaultFormatter.html": "js-beautify-html",   "vet

常用于iview日期组件时间处理 /** * @param {Number} num 数值 * @returns {String} 处理后的字符串 * @description 如果传入的数值小于10,即位数只有1位,则在前面补充0 */ const getHandledValue = num => { return num < 10 ? '0' + num : num } /** * @param {String} time 传入的时间,默认为'' * @param {Boolen} typ

plugins/filter.js import Vue from 'vue' // 时间格式化 // 用法:<div>{{data | dataFormat('yyyy-MM-dd hh:mm:ss')}}</div> Vue.filter('formatDate', function (value, fmt) { let getDate = new Date(value); let o = { 'M+': getDate.getMonth() + 1, 'd+': getDat

{ // 针对vue的格式化配置----依赖eslint.prettier.vetur等插件 // 强制单引号 "prettier.singleQuote": true, "prettier.semi": false, // 尽可能控制尾随逗号的打印 "prettier.trailingComma": "all", // 开启 eslint 支持 "prettier.eslintIntegration":

Beautify 1.在工作目录下建立.jsbeautifyrc文件: { "brace_style": "none,preserve-inline", "indent_size": 4, "indent_char": " ", "jslint_happy": true, "unformatted": [""], "css":

Vue作为前端三大框架之一,其已经悄然成为主流,学会用vue相关技术来开发项目会相当轻松. 对于还没学习或者还没用过vue的初学者,基础知识这里不作详解,推荐先去相关官网,学习一下vue相关的基础知识. a. vue.js 官网 参考:https://cn.vuejs.org/ 我的 github 一.搭建vue的相关环境与脚手架的说明 首先,要开发vue相关的项目,要会搭建vue的相关环境,要搭建的目录如下: 1.安装node.js和npm 2. webpack 3. vue-cli脚手架构建

HTML/CSS/JS/LESS 文件的 prettier 格式化规则 { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "

一.prettier 介绍 官方自己介绍说,prettier是一款强势武断的代码格式化工具,它几乎移除了编辑器本身所有的对代码的操作格式,然后重新显示.就是为了让所有用这套规则的人有完全相同的代码.在团队协作开发的时候更是体现出它的优势.与eslint,tslint等各种格式化工具不同的是,prettier只关心代码格式化,而不关心语法问题. prettier 的优势也很明显,它支持 HTML/JS/JSX/TS/JSON/CSS/SCSS/LESS/VUE 等主流文件格式.下面这张图可以很好的

感悟 经过几个周六周日的尝试,终于解决了服务端渲染中的常见问题,当SEO不在是问题的时候,或许才是我们搞前端的真正的春天,其中也遇到了一些小坑,Nuxt.js官方还是很给力的,提issue后很积极的给予帮助,再次感谢Nuxt.js的开发团队. 路由鉴权 第一个拦路虎就是登陆时候的鉴权问题,如何把token保存到本地.官方使用express-session解决这个问题,但是这样做后端也需要使用nodejs,而我们公司使用的PHP.转念一想或许cookie可以一试,于是我是这样做的: app.pos