为sublime text 添加LESS语法高亮 功能:LESS高亮插件   下载   https://packagecontrol.io/packages/LESS 简介:用LESS的同学都知道,sublime没有支持less的语法高亮,所以这个插件可以帮上我们 使用:打开.less文件或者设置为less格式 为sublime text 添加SASS语法高亮 sublime text默认是不带sass语法高亮的1.下载 sublime SCSS语法高亮包   “点击下载”2.将下载下来的文件包

本节主要介绍webpack打包的时候CSS的处理方式 一.解决什么问题      1.CSS打包      2.CSS处理浏览器兼容      3.SASS支持      4.CSS分离成单独的文件 二.创建目录结构 创建项目目录结构:参照上图创建即可 三.需要安装的包 style-loader:将 JS 字符串生成为 style 节点:       css-loader: 将 CSS 转化成 CommonJS 模块;  这两个合到一个命令:npm install --save-dev styl

在开发 uniapp 的时候发现默认 style 是不支持 scss 模式开发样式,这样的话使用 --status-bar-height 就没有办法变成想要的数值了,这时候就需要开启 scss 支持. 在 HbuilderX 工具 -> 插件安装 找到 scss/sass编译 安装 在 style 中 添加 lang 属性 <style lang="scss"> .status_bar { height: var(--status-bar-height); width

在umi中可以直接使用css,但是并不支持scss,我们需要加两个loader, 直接npm安装 node-sass和sass-loader 即可,剩余的事情umi已经帮我们做好了. npm i --save-dev node-sass sass-loader 在src/assets下新建文件夹 - assets + - img + - css + -style.scss // 这个样式文件一般来说存放全局的样式 在src/pages/index.js 引用style.scss import '

项目搭建好之后 安装sass 依赖包 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass 在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.sass$/, loaders: ['style', 'css', 'sass'] } 使用scss时候在所在的style样式标签上添加lang="scss&quo

今天在写uni-app设计的时候,界面图片.图标规格一直无法正常显示.查看了uni-app官网的代码注释后,发现了在style中设置<style lang="scss"> </style>就可轻松调整好所有图片的格式,非常的方便,在uni.scss文件中预置了一批scss变量. 但是需要注意的是在使用uni.scss时候,需要下载安装scss 插件:并在使用的时候在 style 节点上加上 lang="scss". <style lan

写在前面的话:随着CSS文件越来越大,内容越来越复杂,对其进行很好的维护将变的很困难.这时CSS预处理器就能够帮上大忙了,它们往往拥有变量.嵌套.继承等许多CSS不具备的特性.有很多CSS预处理器,这里总结Sass的使用方法. ======正文开始====== 我们可以通过一种类似css的编程语言编写代码,保存为.scss后缀名的文件,然后使用Sass进行处理为css文件,而这种.scss文件中可以有变量.嵌套等功能,有些编程的味道,Sass简单介绍看这里:Sass:同时.scss文件也能够通过

vue2.0 据说也出了很久了,博主终于操了一次实刀. 整体项目采用  vue +  vue-router +  vuex (传说中的vue 全家桶 ),构建工具使用尤大大推出的vue-cli 后续文章:如果有兴趣,可以移步  vue2.0 开发实践总结之疑难篇 项目是图片分享社交平台.   项目预览: 1 .vue-cli构建工具必知  我选用的vue-cli 是基于webpack的版本 ,不了解webpack的可以先粗略看下下面的基本知识 webpack 基本知识点: entry:入口点,w

vue2.0 据说也出了很久了,博主终于操了一次实刀. 整体项目采用  vue +  vue-router +  vuex (传说中的vue 全家桶 ),构建工具使用尤大大推出的vue-cli 项目是图片分享社交平台.   项目预览: 1 .vue-cli构建工具必知  我选用的vue-cli 是基于webpack的版本 ,不了解webpack的可以先粗略看下下面的基本知识 webpack 基本知识点: entry:入口点,webpack会从入口点设置的js文件开始对项目进行构建,过程中,所有入

1. 文件快速导航: 这是sublime上面很好用的功能之一,ctrl+p可以调出窗口,菜单上的解释是gotoanythings ,确实如其所言,调出窗口后,直接输入关键字,可以在已打开的项目文件夹中进行快速文件名导航,而且支持模糊搜索,对于不想一直鼠标点开文件夹的同学来说 极为方便,并且在该窗口里加上:前缀即为行跳转(ctrl+G),加上@(ctrl+R)前缀在html里是id 关键字导航,css里是每条规则导航,js里则是每个function导航. 2. 命令行模式 ctrl+` 可以调出命

源码文档见官方群(以下为7.4更新内容) 逆天工具 CDN 资源库 国内 Bootstrap中文网开源项目免费 CDN 服务 360网站卫士常用前端公共库CDN服务 百度静态资源公共库 新浪云计算CDN公共库 又拍云JS库加速服务 七牛云存储 开放静态文件CDN 前端公共库CDN加速-静态资源公共库,免费CDN公共库 国外 cdnjs.com - The free and open source CDN for web related libraries to speed up your web

vue2.0 开发实践总结之入门篇   vue2.0 据说也出了很久了,博主终于操了一次实刀. 整体项目采用  vue +  vue-router +  vuex (传说中的vue 全家桶 ),构建工具使用尤大大推出的vue-cli 后续文章:如果有兴趣,可以移步  vue2.0 开发实践总结之疑难篇 项目是图片分享社交平台.   项目预览: 1 .vue-cli构建工具必知  我选用的vue-cli 是基于webpack的版本 ,不了解webpack的可以先粗略看下下面的基本知识 webpac

sublime text2 1. 文件快速导航: 这是sublime上面很好用的功能之一,ctrl+p可以调出窗口,菜单上的解释是gotoanythings ,确实如其所言,调出窗口后,直接输入关键字,可以在已打开的项目文件夹中进行快速文件名导航,而且支持模糊搜索,对于不想一直鼠标点开文件夹的同学来说极为方便,并且在该窗口里加上:前缀即为行跳转(ctrl+G),加上@(ctrl+R)前缀在html里是id 关键字导航,css里是每条规则导航,js里则是每个function导航. 2. 命令行模式

这个比较重要,不会装插件的时候找了好久 sublime text常用插件 1.插件的安装方法 第一种:用package control 这个是用来管理插件的,必备啊,安装package control的步骤: 按Ctrl+`调出console 在底部代码行贴上代码并回车 sublime text3 import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d15146761

Microsoft 的开发工具 Visual Studio 2013 迎来 Update2 更新.本次更新将为普通开发者带来更多全新功能.修复之前旧版 Bugs.提升性能以及稳定性.之前已经安装 VS2013 Update2 RC 版的用户也可以直接升级到 Update2 RTM. Visual Studio 2013 Update2 更新日志: 1.Universal Apps(通用应用方案).开发者可以直接使用 Visual Studio 2013 Update2 同时编译 Win8.1/W

写在前面的话:随着CSS文件越来越大,内容越来越复杂,对其进行很好的维护将变的很困难.这时CSS预处理器就能够帮上大忙了,它们往往拥有变量.嵌套.继承等许多CSS不具备的特性.有很多CSS预处理器,这里总结Sass的使用方法. ======正文开始====== 我们可以通过一种类似css的编程语言编写代码,保存为.scss后缀名的文件,然后使用Sass进行处理为css文件,而这种.scss文件中可以有变量.嵌套等功能,有些编程的味道,Sass简单介绍看这里:Sass:同时.scss文件也能够通过

介绍几个常见的功能: l 自动完成:自动完成的快捷键是Tab和Enter,如果在html文件中,输入cl按下tab或Enter,即可自动补全为class=””:加上zencoding后,更是如虎添翼,后面再讲到. l 多列编辑:按住ctrl点击鼠标,会出现多个闪烁的光标,这时可同时修改多处 或者按住鼠标中键拖拽, l 代码注释功能:ctrl+/.ctrl+shift+/分别未行注释和块注释,再按一下就能去掉注释,ST3能够自动识别是html.css还是js文件,给出不同类型的注释. l 行操作:

一个比较详细的文章:http://www.cnblogs.com/figure9/p/sublime-text-complete-guide.html 一. 前言 作为一个前端,有一款好的开发利器是必不可少的,editplus.notepad++都是不错的工具,体积轻巧,启动迅速(dw太浮肿了).最近,又有一款新的编辑器诞生,席卷前端界,惹得无数喜爱,不少前端er纷纷抛弃用了数年的“伙伴”,投入了她的怀抱——Sublime Text2.Sublime Text2是一款跨平台的编辑器,再也不用为换

一. 前言 作为一个前端,有一款好的开发利器是必不可少的,editplus.notepad++都是不错的工具,体积轻巧,启动迅速(dw太浮肿了).最近,又有一款新的编辑器诞生,席卷前端界,惹得无数喜爱,不少前端er纷纷抛弃用了数年的“伙伴”,投入了她的怀抱——Sublime Text2.Sublime Text2是一款跨平台的编辑器,再也不用为换平台而找不到合适的.熟悉的编辑器担忧了.目前,还是beta版中,不过功能已经很强大了,更新也很快,目前最新是bulid2181.ST2不是免费的,但可以

VScode现在已经越来越完善.性能远超Atom和webstorm,你有什么理由不用它?在这里,我会给你们推荐很多实用的插件,让你对 vscode 有更深刻的体会,渐渐地你就会知道它有多好用. 走马观花前,请先将你的 vscode 更新到最新版本. 通用插件 HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式新版已经支持scss文件检索 Debugger for Chrome 让 v

稍微整了整微信小程序,还是有不少问题的,做个小总结吧 和以往一样,本次项目也放到了 Github 中,欢迎围观 star ~ 一.微信公众平台 - 小程序后台 1.申请小程序账号 官网注册 注册时所用的邮箱有限制(未注册过公众平台.开放平台.企业号.未绑定个人号的邮箱) 选择主体为个人或企业,按照流程注册 小程序的信息填写有次数限制,需要注意不要乱填(服务类目,名称,头像,介绍 等) 登录 2.设置 记住这两项 AppID 和 AppSecret,在开发时需要用到 大部分操作都需要管理员扫码验证