在root目录创建一个.jshintrc文件插入下面的代码即可.也可以自行配置. { // // 强制选项 // // When set to true, these options will make JSHint produce more warnings about your code. /** * 是否阻止位运算符的使用 * * 有时候为了快速取整或判断,会使用一些位运算符,所以此项设置为 false */ "bitwise": false, /** * 是否要求变量都使用驼峰

前言 近期的项目全部由Grunt + LESS 转向改用Gulp + SASS 进行前端开发,也就奔着Gulp那比较好用的自定义函数而来的. 一.package.json文件配置如下: { "name": "your app's name", "version": "0.1.0", "description": "your app's description", "main&q

sublime3插件 安装node包 jscs npm install jscs -g jshint npm install jshint -g csscomb npm install csscomb -g csslint npm install csslint -g 安装gem包 scss-lint gem install scss_lint 安装sublime3 Package Control 按下 ctrl+` 复制粘贴以下代码 import urllib.request,os,hashl

现在会进行代码的合并和压缩已成为前端人员的必备知识,那么现在来介绍一个grunt的工具.grunt是个风靡世界的工具,它的首页是  http://www.gruntjs.net 这是个中文网站,有文档可以参考.但是只看文档是不是觉得很蛋疼呢?一个字:看不太懂啊! 好了,废话不多说,直接发安装步骤和注意事项,都是心酸研究出来的啊... 这里介绍mac的安装方法.windows方法相类似,等我稍微研究一下后再发上来 首先,要安装nodejs,grunt是依赖node滴.上 www.nodejs.or

这几天知道sublime3有可以对javascript进行语法检查的文件,折腾了一上午,搞定了. 记录一下步骤: 1.先安装nodejs. 2.npm install jshint -g 3.通过sublime3 的packagecontrol 安装 sublimeLinter 这个插件 4.通过sublime3的packagecontrol 安装 sublimeLinter-jshint这个插件 5.在项目文件夹中建立一个 .jshintrc文件 6.文件中配置如下: { "es3"

sublime 配置&插件推荐 Sublime编辑器的新鲜特性同时选中多个 先选中一个 再Command + D Command + P @搜索函数 #搜索关键字迷你地图 安装package controlhttps://sublime.wbond.net/Package%20Control.sublime-packagePreferences-->Browser Packeages 进入到Packages文件夹向上一级找到Installed Packages 将下载的文件丢进去后重启Sub

Grunt和Grunt插件是通过NodeJs的包管理工具npm安装并进行管理的. Grunt 0.4.x必须配合NodeJs=>0.8.0版本使用(奇数版本的NodeJs不是稳定的开发版本)   首先介绍2个基础指令: (1)指令:npm update -g npm     作用:升级当前环境中的npm为最新的版本 (2)指令:npm install -g grunt-cli     作用:将Grunt命令行安装到全局环境中,执行完后,就将grunt命令加入到你的系统路径中,以后就可以在任何目录

gulp+ThinkPHP配置 gulp+ThinkPHP配置 目录结构: html |-src 开发目录 |-Home 静态页面 |-Public 静态资源目录 |-dist 生产目录 |-Home 静态页面 |-Public 静态资源目录 注:gulp-cssnano 弃用 命令行运行指令 cnpm install --save-dev gulp watch //热刷新 gulp build //压缩输出内容 gulp clean //清空目录下的dist文件 更新 2/10/2018 4:

优化了文件过滤,更改文件只会重新生成修改的文件 项目目录构建: 在入口文件public下,创建html目录,作为前台静态资源目录 gulp.js文件 /*! * gulp * $ npm install gulp gulp-ruby-sass gulp-cached gulp-uglify gulp-rename gulp-concat gulp-notify gulp-filter gulp-jshint gulp-rev-append gulp-cssnano gulp-imagemin b

gulpfile.js文件 /*! * gulp * $ npm install gulp gulp-ruby-sass gulp-cached gulp-uglify gulp-rename gulp-concat gulp-notify gulp-filter gulp-jshint gulp-rev-append gulp-cssnano gulp-imagemin browser-sync gulp-file-include gulp-autoprefixer del --save-de

如果在一个大型项目中会有多个人一起去开发,为了使每个人写的代码格式都保持一致,就需要借助软件去帮我们保存文件的时候,自己格式化代码 解决办法:vscode软件下载一个ESLint,在到设置里面找到setting.json文件,将下面的配置粘贴复制拷贝到文件中就可以了,so easy~ { // 当其前缀匹配时插入代码段.当 "quickSuggestions" 未启用时,效果最佳. "editor.tabCompletion": false, // 控制字体系列.

需要明确以下几点: 1.本地前端调试代码肯定是调用原始的路径以及代码,但是线上运行的肯定是通过打包后的另一个路径,这儿就是生成的dist文件夹了. 2.requirejs的引入,线上跟线下的路径怎么控制?我们是这样控制的,代码如下: <script src="${resource}/js/base/require.js" data-main="${resource}/js/accountMain"></script> 这个${resource

webpack.config.js 配置 var ExtractTextPlugin = require("extract-text-webpack-plugin"); var CommonsChunkPlugin = require("webpack/lib/optimize/CommonsChunkPlugin"); var AssetsPlugin = require('assets-webpack-plugin'); var path = require(&

使用构建工具之前我觉得前端好蠢,css没有变量,不能写循环,为了兼容要写好多前缀,hmtl写多页面中有同一个header,我就粘贴复制,然后修改的时候每个都要改. 我还不会压缩和合并,每次都要按F5刷新.其实这些问题也是网页优化的问题. 构建工具正是解决这些问题的集合.虽然网上gulp和webpack的教程很多,我还是根据自己的需求整理了一下. gulp安装: https://markgoodyear.com/2014/01/getting-started-with-gulp/ webpack安

visual studio code (vsc) 对开发node.js,javascript,python,html,golang等比较友好,同时支持git浏览及分屏对比,运行速度快,所以是值得一用的编辑器. Visual Studio Code 最好的功能.插件和设置 下载 VS Code Insiders,可以获取 每天构建的最新版本 Git Easy 这个插件可以导入下面的 Git 命令,以便您可以在命令面板中使用.和 Atom 中实用非常相似. Git Easy: Init Git Ea

尝试了网上的yeoman generator 生成的脚手架项目不甚理想 npm install -g generator-angular-require yo angular-require 就不用那个了,如今在github上找来一个细致研究下. 文件夹结构: 符合yeoman脚手架的基本文件夹结构 重点看一下 script下的文件夹结构 main.js /*jshint unused: vars */ require.config({ baseUrl: '../scripts', paths:

一.安装Sublime Text3 网址:http://www.sublimetext.com/3 注册码:(sublime Text3汉化和激活注册码) ----- BEGIN LICENSE ----- sgbteam Single User License EA7E-1153259 8891CBB9 F1513E4F 1A3405C1 A865D53F 115F202E 7B91AB2D 0D2A40ED 352B269B 76E84F0B CD69BFC7 59F2DFEF E26732

vscode这款编辑器让人用起来很舒服,但是刚刚入手的童鞋可能会对其插件的安装产生一些恐惧,虽然vscode提供了插件的搜索和安装,但是其中一些插件是需要一些软件或者包之类的东西做支撑的,并不是在vscode里面下载好了之后就可以使用了,下载好了插件但是没有实现支撑的话vscode频繁的报错真的能逼死强迫症. 今天想在vscode上面写一下js代码的时候,被提示: "Failed to load jshint library. Please install jshint in your work

module.exports = function(grunt) { // 配置. grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), watch: { css: { files: 'static/introduce/scss/**/*.scss', tasks: ['clean:css','compass'], options: { livereload: true } } , includereplace:{ files:

无剑_君关注 0.312019.05.09 11:53:43字数 1,073阅读 19,627        https://www.jianshu.com/p/a494417def99?utm_source=desktop&utm_medium=timeline 一.开发工具 Visual Studio Code 二.环境搭建 vue推荐开发环境:Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言npm: Nodejs下的包管理器.由于国内使用npm