有了eslint的校验,可以来规范开发人员的代码,是挺好的.但是有些像缩进.空格.空白行之类的规范,在开发过程中一直报错,有点烦人了. 我们可以在创建工程的时候选择不要安装eslint.就是在安装工程的时候,出现[Use ESLint to lint your code?]时选择[No]即可. 如果你已经安装过了,我们可以直接关闭它. 关闭eslint的方法: 1.项目根目录 ---> build ---> webpack.base.conf.js 注释掉如下的代码 2.重启编辑器,再运行np…

vue-cli3按照官网教程配置搭建后,发现每次编译,eslint都抛出错误, 修改配置在 .eslintrc.js中修改   或者  关闭eslint 1.关闭eslint 直接注释掉package.json文件中eslint的配置就可以了(以下是vue-cli的默认配置) "eslintConfig": { "root": true,////此项是用来告诉eslint找当前配置文件不能往父级查找 "env": { "node&quo…

webstorm增加内存配置参数 找到WebStorm.exe.vmoptions这个文件,路径如下 webstorm安装主目录>bin>WebStorm.exe.vmoptions 更改为 第二行:-Xms526m 第三行:-Xmx1024m (ps:这里-Xms最大值不能超过1024,否则webstorm将无法打开) webstorm加载项目卡死在scanning files to index 1.1 原因解析 webstorm在加载项目的时候,会扫描所有的文件,并建立索引.这个索引提供代…

一.Sass安装 ruby安装 mac系统默认安装了ruby,可以直接跳过此步骤,linux和windows需要安装ruby环境. windows安装ruby环境: 到ruby官网下载自己系统适用的版本(我下的是2.1.7(x64)) 安装ruby,此步骤只需留意勾选Add Ruby executables to your PATH这个选项,它将添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境,影响Webstorm 自动编译. Sass安装(淘宝RubyGems镜像) 在开始菜单…

vue eslint 规范配置 为了代码格式统一,避免一些低级或者不合理的错误,现强行使用eslint的 standard规范 项目配置 目前都是使用 vue 提供的脚手架进行开发的,虽然 vue-cli 3.0,但是公司因为配置了OAuth的缘故,暂时还是只能使用vue-cli 2.0, 因而当前配置会结合两个版本进行阐述 目的 可以通过编辑器(vscode)进行提示同时可以修复,如此便是最好的 vue-cli 2.0 新建项目时选择 standard格式 测试eslint (随便选个地方,打…

1.简介 通过用 ESLint 来检查一些规则,我们可以: 统一代码风格规则,如:代码缩进用几个空格:是否用驼峰命名法来命名变量和函数名等. 减少错误, 如:相等比较必须用 === ,变量在使用前必须被声明,在条件语句中不能使用赋值语句等. 提高代码质量,如:函数最多有多少条件分支:最多有几个参数,代码块最多能嵌套多少层等. 2.安装 1 安装 ESLint 的依赖. npm install --save-dev eslint eslint-loader 2 在 webpack.config.j…

前置 本文将探究 vscode prettier 插件 和 eslint 插件在 vscode 中的配置以及这两者对应的在项目中的配置文件的关系,最后提及 vscode eslint 插件配置与 eslint-loader 的相互配合.中间还提及了 .vscode/settings.json 的作用. 本文建立在你对 vscode .eslint.prettier.webpack 有简单了解的基础下进行.希望本文对你有帮助,以后搭建项目能够得心应手. 如有错误,一定不吝赐教. 初始化测试项目 创…

安装 可以全局安装,也可以在项目下面安装. 如下是在项目中安装示例,只需要在 package.json 中添加如下配置,并进行安装: >"eslint": "^4.11.0"配置配置方式有两种,但建议使用文件配置的形式,比较独立,便于维护. 使用文件配置的方式:在项目的根目录下,新建一个名为 .eslintrc 的文件,在此文件中添加一些检查规则.文件配置方式env:你的脚本将要运行在什么环境中Environment可以预设好的其他环境的全局变量,如browe…

想学grunt的可以看看这篇文章,写的很有意思,教程之类的我就不写了,网上很多资料,我就记录下我遇到的问题和解决办法. http://yujiangshui.com/grunt-basic-tutorial/ 1.按两次shift后弹出窗里搜node npm无结果 很多安装教程里都说按两次shift,然后输入node npm搜索,可是我照做后,一片空白,也不知道该怎么解决,各种百度也是找不到解决方法.后来FQ谷歌才搜到,是英文的,虽然本人英文烂,但是扫扫还是能找到解决办法.本人mac系统,web…

在webstorm中配置compass WebStorm是功能强大的前端开发专用IDE,拥有即时编辑(chrome).自动完成.debugger.Emmet.HTML5 支持.JSLint.Less.Sass支持.CoffeeScript支持.Node.JS.单元测试.集成git和svn版本控制等特性,被广大中国JS开发者誉为“Web前端开发神器”.“最强大的HTML5编辑器”.“最智能的JavaSscript IDE”等.Compasss是一个优秀的Sass框架,毫不夸张地说,学会了Compa…

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

vue-cli(脚手架工具:帮助开发者完成基本的代码编写). 功能: 目录结构 本地调试 代码部署 热加载 单元测试 使用模板: vue init <template-name> <project-name> 在当前目录下生成一个 <project-name>的目录.然后把模板目录下的template目录下的所有代码放到这个生成的目录下. 自定义github模板.我们可以搞自己的模板放到github上面 . vue init username/repo my-proje…

eslint基础环境搭建 全局安装eslint:npm install eslint -g 项目eslint初始化:eslint --init,按团队或自己的编程风格回答三道题. ? How would you like to configure ESLint? Use a popular style guide ? Which style guide do you want to follow? Standard ? What format do you want your config fi…

上个博客说到了如何配置 eslint 和 editorconfig, 但是每次运行项目的时候才能知道哪段代码不符合规范,确实也有点蛋疼. 那么能不能直接在编辑器中就能看到不符合规范的代码的呢??? 这不是废话吗,肯定是有的呀. 打开vscode ,搜索插件 eslint 安装插件 安装好了重新打开项目就能用了哦 随便打开一个文件,调整代码如下 如果不符合之前配置eslint规则的,就会出现红色波浪线,鼠标移上去 会显示具体的错误. 怎么样,是不是很牛x呢. 这还不是最牛x的! 但是如果打开一个项…

　安装了phpstorm之后，想配置svn，结果在file->settings->Version Contorl->subversion->with conmand line client配置成 D:\Program Files\TortoiseSVN\bin\tortoisePro.exe(一般的svn程序文件) 　　已经安装的路径地址之后，一直提示 “Can’t use Subversion command line client: ‘D:\Program Files\Tort…

以前建站一直都是自己一个人,最近要做一个比较大的网站,寻思着利用svn在整个开发过程中会比较快,于是摸索着配置了一下. 首先,下载VisualSVN这个软件,官网链接 https://www.visualsvn.com/ 选择右边这个服务器版的 下载好之后点击安装,全程傻瓜式下一步,就不说了. 安装完成之后,打开webstorm,点击file—setting—version control—subversion,点击后面三个点的这个按钮,选择SVN的安装路径,再点击ok即可.之后webstorm…

将eslint更新版本后,出现TypeError: this.CliEngine is not a constructor的错误. 解决办法: 1.编辑 X:\WebStorm\plugins\JavaScriptLanguage\languageService\eslint\bin\eslint-plugin.js 2.找到以下片段 if (this.initError == null) { this.linter = require(this.basicPath + "lib/cli.js&…

先附上所需要的软件的下载地址:https://pan.baidu.com/s/1c2ripd2 1.下载并安装jdk以及配置jdk的环境变量 1)下载jdk,选择安装目录安装,我选择的是默认路径,安装两次,第一次是安装jdk,第二次是安装jre,建议两个都安装在同一个java文件夹中的不同文件夹中.(不能都安装在java文件夹的根目录下,jdk和jre安装在同一文件夹会出错),如图所示: 2)安装完JDK后配置环境变量  计算机→属性→高级系统设置→高级→环境变量 3)系统变量→新建 JAVA_…

eslint的好处就不多说了.代码检查,代码报错, 智能提示,让开发人员更规范的撸代码等等. 1.安装依赖 npm install --save-dev eslint eslint-friendly-formatter eslint-loader //或 yarn add eslint eslint-friendly-formatter eslint-loader 2.根目录创建.eslintrc.js文件,配置eslint规则(为了便于开发,这里只列出常用的规则,更多详细rule规则可进官网查…

我们在做项目尤其是多人合作开发的时候经常会因为不同的开发规范和代码风格导致出现冲突, 为了能统一代码风格和规范我们需要使用到prettier和eslint,接下来就一vscode编辑器为例详细讲解下: 一.vscode的配置 vscode 的基础配置包括编辑器本身的设置比如主题字体,窗口,布局等等还包括扩展的设置 1.打开设置窗口 打开的方法: 1.快捷键 ctrl+,   2.文件->首选项->设置  3.左下角的管理(齿轮形状)->设置 打开如下图的设置窗口 : 在设置窗口中有用户和…

一:代码缩略图插件:CodeGlance: 二:皮肤与主题使用的sublime的系列风格. 三:实现内嵌JS代码的高亮显示.https://segmentfault.com/q/1010000002474871:还要点击内嵌JS代码,然后点击小黄灯,选择配置.可能还要通过自动格式化代码ctrl+alt+l来刺激激活. 四:自动格式化代码:ctrl+alt+l: 五:SFTP工作:上面菜单栏中的工具,选择DeployMent,再选择Configuration进行SFTP账号设置.…

file > sttings > File watchers > 添加LESS watcher 配置如图:…

设置.js文件默认以jsx的语法打开 在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示: 当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸的方法把它给去掉吧: 然后Apply/OK即可. 设置.js文件中支持react-native语法高亮 首先会发现在js文件中有不少的警告,类似这样: 这个警告的原因是因为编辑器不知道所引用的这些东西是在哪(不知道源在哪),所以需要告诉编辑器所写的东西是在哪个源里面: 在下图的downloa…

1.设置vue等文件有eslint提示 "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true } ], 2.按eslint规范格式化代码 "eslint.autoFixOnSave": true 3.ESLint插件…

{ // 环境定义了预定义的全局变量. "env": { //环境定义了预定义的全局变量.更多在官网查看 "browser": true, "node": true, "commonjs": true, "amd": true, "es6": true, "mocha": true }, // JavaScript 语言选项 "parserOptions&q…

{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": true, // #每次保存的时候将代码按eslint格式进行修复 "eslint.autoFixOnSave": true, //…

近期在使用WebStorm进行网页开发,值得一提的是WebStorm的确是一个不错的IDE,尽管可能内存开销较大,但是在编写JS的时候提供了很多包括自动完成等强大的功能. 好了,步入正题:在实际项目开发中如何搭建SVN版本控制工具进行团队合作开发呢? 第一步:首先下载安装SVN服务器VisualSVN:附下载链接. 第二步:安装SVN命令行工具SlikSvn:附下载链接. 第三步:在WebStorm中设置命令行程序路径,我的SlikSvn安装路径在:D:\Program Files\SlikSv…

全手打原创,转载请标明出处:https://www.cnblogs.com/dreamsqin/p/10906951.html,多谢,=.=~ 必要的:规避错误: 强烈推荐:改善可读性和开发体验: 推荐:多选择情况下建议一个默认的选择: 谨慎使用:照顾极端情况或帮助老代码平稳迁移的vue特性: 以下包括Vue官网表示必要的和强烈推荐的  一.命名规范 1.组件名为多个单词,除根组件App外——避免跟现有的以及未来的 HTML 元素冲突. 2.在插件.混入等扩展中始终为自定义的私有属性使用 $_…

一 下载 链接:https://pan.baidu.com/s/1gKxzGWvnoCpXPoe8zzfLnQ 提取码:5lyf 二 安装 https://www.jb51.net/softs/598714.html/ 三 配置 主题 字体 背景图 字符编码 键盘布局 参考:https://www.cnblogs.com/hoobey/p/6924029.html 四 插件…

1. 下载安装eslint npm install -g eslint 2. 设置环境变量 C:\Users\<你的用户名>\AppData\Roaming\npm 3. sublime text 安装插件 SublimeLinter 和 SublimeLinter-eslint 4. 启动 cmd 命令行,切换到你的项目根目录,执行eslint --init 生成 .eslintrc.js 文件 5. 在.eslintrc.js 文件中 用以下规则替换 rules 段 rules:开启规则和…