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

本文转自:http://www.lred.me/2016/01/07/webstorm%E6%B7%BB%E5%8A%A0-vue%E6%96%87%E4%BB%B6%E6%94%AF%E6%8C%81/ webstorm是前端开发神器,但我一直都不喜欢webstorm,就因为那很挫的配色和那大光标. 上阵子开始玩 Vuejs,在 Vue 中,可以 .vue 文件实现组件化,但各种编辑器都支持不好,作者也给sublime开发了相关的vue插件.我觉得用sublime就是在浪费生命啊,花那么多时间

前提概要 今日,重装了两波系统,,,之前安装的各种环境都忘光了,重新又踩一次坑的感觉很不舒服,所以记录一下配置自动编译scss一路遇到的坑 一.webstrom run的时候控制台输出的错误中文提示乱码 试过网上什么该配置文件,什么设置utf-8,,,对于我完全不起作用!最后解决方法是: File -> setting -> file encoding 文件下的三个可以切换字符编码的全部换成 "GBK" 二.解决了中文乱码终于看到控制套scss编译错误提示的是什么了 正确的

微信小程序官方说明需要在微信开发者工具中开发运行,但这个工具着实不咋地. 我是使用webstrom编辑,然后在微信开发者工具中热加载查看效果,因为webstrom默认并不支持*.wxml,添加使用xml(各人随意,我使用html格式显示不好看)格式编写. File -> Settings -> Editor -> File Types 在Recognized File Types 中找到你想使用的格式,然后在Registered Patterns 中添加 *.xml.

如果webstorm中 提示 Unknown html tag el-*** 说明没有加载 node_modules 下的 element-ui 解决办法就是: 在webstorm 打开的状态下 第一步:先卸载 element-ui 插件 >npm uninstall element-ui 第二部:重装 element-ui 插件 >npm install --save element-ui 这个时候 webstorm就会自动加载 element-ui 插件, el-** 标签 就可以正常使用

需要在android/app/build.gradle文件中添加模块 //这一行没有的话得加上才行 compile "com.facebook.fresco:fresco:1.5.0" //如果你需要支持 gif动图 compile "com.facebook.fresco:animated-gif:1.5.0" 然后重新启动下就行了

想在手机端访问webstorm做出的页面,遇到了根据IP地址访问页面错误的问题,试了网上的方法:“设置webstorm可以被外部连接访问”,依旧不能解决 解决方法: 在webstorm下:ctrl+alt+s调出设置: 技术交流QQ群:15129679

在file菜单下选择Settings,选择Editor ——> Inspections ——> Html ——> Unknown HTML tag attibute添加以下标签ms-hrefms-repeatms-textms-htmlms-widgetms-ifms-if-loopms-widgetms-attrms-datams-cssms-classms-includems-skipms-controllerms-importantms-duplexms-duplex-number

1. 首先安装vue插件,安装方法: file-->setting  -->  plugin  ,点击plugin,在内容部分的左侧输入框不用输入任何东西,直接点击下图中的按钮. 如下图所示: 2.再在下图中左侧输入框中输入vue,点击列表中的vue.js,右侧框中会出现一个绿色方框install,点击安装(我已经安装过了,所以没有出现),一直走下去就可以了.安装完成后,就可以看到,新建文件时,会有vue文件的提示. 3.设置vue新建文件模板. file-->setting-edito

第一步, 安装 PostCss插件 如果不知道如何安装插件,参看:http://www.cnblogs.com/codelovers/p/7048113.html 第二步,设置文件类型解析方式 打开Files->Settings->Editor->File Types,在PostCss中添加Registered Patterns, *.pccs, *.css.具体添加*.pss,还是*.css,根据自己的文件后缀名决定. 延伸:如何让文件按照自己设定的类型进行解析?使用File Type

1.  点击File目录下的Default Settings 2.  再依次点击Languages & Frameworks  ----->  JaveScript  ---->  选择ECMAScript 6 保存,重启webstrom即可.

最近在使用react-native的时候遇到了很多坑,这里给大家分享下 一.样式 react-native 虽然支持flex布局,但是所有的样式均是css样式的一个很小的集合,尤其是在安卓机下问题尤为凸显: 1.View内部的元素千万不要超出父级的范围,iso上问题倒是不大,安卓上就什么超出的都看不到了 2.lineHeight 可以用,不过千万不要写成小数,否则安卓上会直接崩溃 3.rn的样式不存在继承的情况,所以基本上每个节点都要写style,真的是体力活 4.如果Text的父级元素设置了背

  而今前端开发经常与cmd打交道,如使用个npm什么的,如果老是在ide和cmd之间切换显得比较繁琐,众多前端利器中我最喜欢的就是webstorm,而webstorm中就可以直接使用cmd,如图1,点击右下角的图标就会出来,这样子我们只需要一个界面就能解决很多问题了...但是现在问题来了,老是使用鼠标点击开发效率还是很低,嗯没错,配置一个快捷键.   webstorm设置快捷键在File目录下的Keymap子菜单,这个菜单有一个功能很好用,在右面的搜索框中我们除了可以使用一些功能的名字去搜索该

APICloud App开发平台一直在不断升级开发工具库,这一年增加了众多开发工具.目的就是让开发者可以选择使用任何自己喜欢的HTML5开发工具去开发App. 那么2016年到现在,这些开发工具都有了哪些更新和升级呢? 1.      APICloud Studio中支持可视化AUI控件插入 开发者选择UI模板后,一键插入正在编辑的代码中,APICloud Studio为你立即自动生成HTML.CSS.JS代码(操作:在html页面中单机右键,在列表中选择插入AUI控件). 2.      AP

webstorm支持sass的同步编译,也就是即写即编译,并且可以指定编译后的css的目录. 本文使用的webstorm为8.0版本 scss安装:http://www.w3cplus.com/sassguide/install.html 打开webstorm: 点击左上角的File→Settings→File Watchers 在弹窗的窗口的右上角点击绿色的 ‘+’ 号,然后选择scss -----------------------------------------------------

下载地址 https://www.jetbrains.com/products.html?fromMenu CTRL + F12 / COMMAND + F12 打开类中的结构 Ctrl + b / command + b 跳转到父类中(光标需要放置在类名上,如extend.implements指定的类名) ALT + CTRL + S / command + , 打开设置总窗口 alt + 1/command + 1 关闭左侧菜单栏 ctrl + E / command + E 查看最近操作的

1.新建工程 “Quick Start”界面新建工程: 也可以点击顶部菜单栏“File”-> “New Project”. 弹出如下界面: “Location”指向想要创建的工程目录(如果该目录已经存在文件,会出现exist提示,没关系,直接下一步即可). “Project Type”为工程类型,应该理解为工程模版更合适,默认为空项目,Webstorm支持html5.bootstrap.NodeJs.express工程模版. 这里我们选择流行的“Bootstrap”,点击下一步后,Webstor

去D2后发现 Hedger 的js编辑器是webStorm,便下载来试试,结果发现: 虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document),但是做为 IntelliJ IDEA 的js缩水版,其它功能也是比较期待的. 具体的有: 1. 文件不用保存,敲完直接看演示(ff也有类似的一款插件,罗浮宫abcd曾推荐过). 2. 自带有svn,如果不用服务器版的svn的话,本地自身带一个版本管理的.非常方便. 3. 编辑右侧有各浏览器浏览快捷方式,更是快中快.

虽然最新版的前端开发利器WebStorm支持了Vue,但是大部分人的WebStorm依然是默认不支持Vue的老版本(比如之前的我),所以需要手动添加WebStorm对Vue的支持.要想让WebStorm支持Vue主要分两步,第一步是安装Vue.js插件,使得WebStorm能够对Vue语法进行提示:第二步是配置Vue模板,即快速创建Vue文件. 1.安装Vue.js插件 点击Preferences进入WebStorm的配置页面,然后点击Plugins设置插件. 点击Browse Reposito

meteor 可以快速构建 pc,移动端,桌面端应用. 最大的优点是:数据库的数据发生变化时,可以实时推送到前端,非常适用于实时展示的应用开发. 在 react,react-native 应用中,可以仅使用同一个 meteor 后台,实时向前端推送数据. github 代码地址 metaor 安装 windows 安装 meteor 官方推荐 chocolatey 安装 meteor. 先从 chocolatey 安装 chocolatey 然后在命令行中运行 choco install met

参考: WebStorm-2018.2-Help-Sass, Less, and SCSS 作者:tobyDing链接:https://www.jianshu.com/p/0fe52f149cab來源:简书 本文前提是电脑里已经顺利安装了ruby,sass等之后,再进行webstorm中配置sass的watcher,以及改变watcher中的默认选项:如果以上都还没有做,可以自行百度解决,很容易找到的: webstorm支持sass的同步编译,也就是即写即编译,并且可以指定编译后的css的目录.