因为项目本身有用eslint,而我这边没用,我这边提交上去别人update后就会提示很多eslint的格式错误提示,所以就在该项目里使用了eslint. 发现一般有两种安装方式,我使用的是webstrom自带的eslint. 一.勾选enable使之生效 ESLint package 找到该项目中安装的eslint路径,使该项目能够执行标准的代码风格. Automatic search(自动搜索),勾选这个就会自动的去寻找.eslintrc*以及package.json. 二.下载eslint插…

本文讲解了如何在公司内网通过代理使用WebStrom等软件连接外部svn服务器,重点在于如何配置网络. 网络设置 1.配置WebStrom软件公司内网网络环境.首先配置代理服务器,点击“file->setting”,查询“HTTP Proxy”,进行http代理设置,如下图所示: 2.配置 subversion里的网络代理,点击“file->setting->Version Control->Subversion”,将General选项卡的里的勾全部取消,同时配置Network选项…

Webstrom的注册码: WebStorm 7.0.1注册码 user name:newasp 注册码: ===== LICENSE BEGIN ===== 16417-12042010 00001Yc0oZmbXf8ZlCJCy2TPSKXQCp eXBjNA7N4l"9QMg7mxZ0KscJe0N02y VKjabonxD6rvuNFZZh2TkJoExDKKx1 ===== LICENSE END ===== --------------------------------------…

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

有时候,我们在WebStrom中打开多个项目,但是每个项目可能的Deployment的配置不同,所以每次在项目中时,可能打开的网页并不对.所以需要设置默认的启动的Deployment.下面的内容是设置方式. 打开Deployment的配置界面 设置默认的项目Deployment位置…

1.安装eslint npm eslint-plugin-react eslint-plugin-import babel-eslint -g 2.全局配置文件,放到c:/user/***/ { "extends": "airbnb", "installedESLint": true, "plugins": [ "react" ], "env": { "jquery"…

1.less 安装一个稳定版的node.[例如node-v4.4.4-x64] 然后直接在webstrom里导入那个lessc.cmd 2.sass 安装ruby. 安装完之后点开,Start那个安装好的文件. $ gem sources --remove https://rubygems.org/ $ gem sources -a https://ruby.taobao.org/ [如果你系统不支持https,请将淘宝源更换成:gem sources -a http://gems.ruby-c…

安装Sass和Compass sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby.(注:mac下自带Ruby无需在安装Ruby!) window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装.安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量.如下图: 安装完成后需测试安装有没有成功,运行CMD输入以下命令: ruby -v //如安装成功会打印 ruby -- revision ) [i386-mingw3…

1.下载安装Node.jshttps://nodejs.org/en/download/2.配置node路径3.修改文件默认字符集…

安装NodeJS node.js下载地址:https://nodejs.org/en/download/ 安装TypeScript npm install typescripot -g 新建tsconfig.json File 在项目根目录,右键 -> New -> tsconfig.json File,如图: 参数设置,可参考: { "compilerOptions": { "module": "commonjs", "t…

在使用 WebStorm 上传本地项目到 GitHub 之前,先要做一些相关配置. 首先打开 WebStorm ,依次点击File -> Settings... 打开系统设置面板,在上面搜索 github 配置 GitHub 相关参数. 如下图所示,在1处搜索 github ,如果2处是 Token 则点击3处的 Create API Token 打开4处的弹窗,输入用户名密码. 如下图所示,如果1处是 Password ,直接在下面输入用户名密码即可. 登录完成后,可以点击下图1处 Test…

…

一.mac下打开设置 二.输入node,找到node.js npm,勾选上对勾就好了. 第三.按住ctr,点击右键可以点进去就可以了.…

PHPStorm.WebStrom配置本地项目与运程服务器同步 说明:PHPStorm.WebStrom等官方的系统开发工具配置本地项目与运程服务器同步的方法都基本一致没有,几乎没有什么不同之处,我们拿WebStorm为例说一下具体的配置过程 WebStrom配置本地项目与运程服务器同步 能做什么 我们在团队开发时基本上开发环境都是统一的测试开发服务器,那你会问:我本地已经安装了LNMP或LAMP为什么还要用测试开发服务器作为开发环境呢?那我问你:你能保证你的小伙伴们都是同样的开发环境么?比如说…

http://blog.csdn.net/oyuemijindu/article/details/51036096 --sass 安装 一安装  1.ruby下载,可以到官网下载 ,注意如果是系统如果是64位需要下载64位的 2.安装 要勾选,否则需要自己配置环境变量,如果忘记勾选,建议重新安装 3.检查安装是否成功, ruby -v 4.gem sources --remove https://rubygems.org/ 5.gem sources -a http://gems.ruby-ch…

一.让webstrom在编辑vue项目时更快 1.在webstrom的项目管理树中,找到node_modules文件夹,在文件夹上点右键,在出来的右键菜单中选择“Mark Directory as” >  Exclusion,排除webstrom对node_modules的管理. 2.File > Settings > Editor > File Types > Ignore files and folders中,添加node_modules. 3.在webstrom安装目录…

作者QQ:1095737364    QQ群:123300273     欢迎加入!   1.安装 webpack 和vue-cli 模块: npm install webpack -g npm install vue-cli -g   2.进入到新建项目的目录里面执行以下命令新建项目: vue init webpack hiibook_find   3.然后进入到使用cd 命令进入到新建的hiibook_find目录下面安装package.json中的模块: cnpm install   4.…

在[git1]中介绍了Git的安装.webstrom配置Git和GitHub.GitHub项目上传下载的方法. 这篇将一下在[git1]步骤(一)基础上webstorm配置码云 实现项目的上传下载. (方法基本与github配置相同) 码云:中文版的一款基于Git的快速的.免费的.稳定的在线代码托管平台,不限制私有库和公有库数量.(github则限制库的数量) (一)码云 注册登录 1)账号 去码云官网注册一个属于自己的账号,登录. 2)建仓库 (二)webstrom 配置 码云     1)w…

webstrom使用: ctrl+b/点击,代码导航,自动跳转到定义 ctrl+n跳转指定类 ctrl+d复制当前行ctrl+enter另起一行ctrl+y删除当前行 ctrl+alt/shift+b跳转方法实现/定义处 包裹/去掉外围代码unwrap... 主题appearance 字体editor-colors&fonts-font 自动换行settings-editor-appearance-show line 显示行号..........................show line…

2016年9月21日,微信小程序正式开启内测.在微信生态下,触手可及.用完即走的微信小程序引起广泛关注,刷爆朋友圈子.在这样的火爆氛围中,作为一个前端开发者的我,也悄悄地去尝鲜.在做demo小示例的过程中,我发现了一个极为让人为难的事儿:**如何让 less/sass 文件转成小程序的 wxss 文件**.</font>对于基本不使用原生css,而习惯编写less的我,这个事儿让我的样式编写相当的吃力.在尝试配置koala (一个可以编译less/sass的工具)以及搜索各种资料后,终于找到了…

声明 本篇内容摘抄自以下来源: TypeScript 中文网 只梳理其中部分知识点,更多更详细内容参考官网. 正文-TypeScript 今天来讲讲有 Java 基础转 JavaScript 的福音:TypeScript 为什么学习 TypeScript 如果学习 JavaScript 之前已经有了 Java 的基础,那么学习过程中肯定会有很多不习惯的地方,因为 JavaScript 不管是在语法上面.还是编程思想上与 Java 这类语言都有一些差异. 下面就大概来看几个方面的差异: 变量声明…

声明 本篇内容梳理自以下几个来源: Github:smyhvae/web Bootstrap网站的 less 文档 Sass中文网 感谢大佬们的分享. 正文-CSS预处理(less&Sass) CSS预处理 什么是 CSS 预处理?为什么要有 CSS 预处理? 这里就讲讲这两个问题,写过 CSS 应该就会比较清楚,虽然我才刚入门,但在写一些练手时就已经有点感觉了:写 CSS 后,很难维护,维护基本要靠注释来,而且由于 HTML 文档中标签的嵌套层次复杂,导致写 CSS 的选择器时也很费劲,尤其是…

1.安装node.js 直接有安装程序:http://nodejs.cn/ 2.安装git 直接的安装程序:http://jingyan.baidu.com/article/90895e0fb3495f64ed6b0b50.html 3.安装npm 使用git的命令行:git clone --recursive git://github.com/isaacs/npm.git http://jingyan.baidu.com/article/a17d528506d7f58098c8f2b0.htm…

1.打开webStrom 配置git File–setting…

1.首先安装babel-cli(用于在终端使用babel) npm install -g babel-cli 2.然后安装babel-preset-es2015插件 npm install --save-dev babel-preset-es2015 注:Babel5版本默认包含各种转换插件,然而Babel6.x相关转换插件需要自己下载,如transform-es2015-arrow-functions.transform-es2015-classes等,而ES2015 preset包含了所有插…

今天真的颇为激动,1年没有玩RN,竟然被最新的RN版本0.55.4创建Hello折腾了半天,想当年刚玩RN创建环境用了3天, 想想现在也是不容易啊半天就搞定了,目测以后创建的话也就1-2个小时就搞定了吧,哈哈 ,好了,先说说创建RN需要 那些工具: 其实不需要装python,先安装node,Git,JDK,都是傻瓜式地安装,jdk需要安装然后在环境变量里添加参数 (我是翻墙了,所以所以会快很多) 变量名  :1.JAVA_HOME,变量值:你的java所在路径,如这是我的安装路径:C:\Java…

1.安装和使用 安装node环境:官网:https://nodejs.org: 命令行输入 npm i gulp -g ,gulp-v查看安装是否成功: 创建项目目录: 进入目录,并在目录中按住shift+鼠标右键,进入命令行工具执行npm init -y 初始化项目,此时会自动生成package.json文件: dist用于存放gulp任务执行后代码,src为工作源代码: 在当前项目局部安装gulp,npm i gulp -dev. -dev的意思是安装成开发依赖,也就是说这个包只有开发环境需…

1.全局范围安装 Grunt命令行(CLI) npm install -g grunt-cli Grunt CLI的任务很简单:调用与Gruntfile在同一目录中 Grunt.这样带来的好处是,允许在同一个系统上同时安装多个版本的 Grunt. 2.安装grunt相关模块 在package.json文件中添加所需grunt模块,例如: "grunt": "^0.4.5", "grunt-contrib-concat": "^0.5.1…

webstrom 帮助文档(英文版) 1.在webstrom中使用ESLint规范代码格式: JSHint 可以帮助检测你的 JavaScript 代码中的错误和潜在的问题,而 eslint是一个 JavaScript 的代码风格检查工具, 通过使用这两款 QA Tools 能在团队协作中大大提升代码的正确性.准确性.完整性.简洁性.统一性及易读性,效果类似下图所示. 在webstrom中的配置步骤: 1.安装nodejs,安装npm,然后在npm中安装gulp-eslint(命令:npm in…

认识sass和webstrom的sass配置 我纳闷啊!电脑死机,我刚才编写的内容全没了. 呵呵! 一.sass的使用 1.首先要到官网下载个稳定的ruby版本,因为sass运行是需要ruby环境 它安装的方法也不难. 只需要输入如下代码就行 gem install sass 2.接着在webstrom上设置,搜索栏输入file watchers,新建 然后根据相应的地方输入如下代码 program: F:\Program Files (x86)\Ruby24-x64\bin\scss.bat…