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

Webstorm配置运行React Native 1.选择配置 2.选择npm,设置package等参数 3.添加拓展工具 4.配置拓展工具(核心啊) 5.运行测试,ok的.…

写在前面 每次开新项目都要重新安装需要的包,简单记录一下. 以下仅包含最简单的功能: 编译react 编译es6 打包src中入口文件index.js至dist webpack配置react+es6开发环境 1.安装react语法环境 npm install react react-dom --save 2.安装webpack开发环境 npm install webpack --save-dev 3.安装babel npm install babel-loader babel-core --sa…

关于Autoprefixer Autoprefixer是一个后处理程序,不象Sass以及Stylus之类的预处理器.它适用于普通的CSS,可以实现css3代码自动补全.也可以轻松跟Sass,LESS及Stylus集成,在CSS编译前或编译后运行.详情见,https://github.com/postcss/autoprefixer 当Autoprefixer添加前缀到你的CSS,还不会忘记修复语法差异.这种方式,CSS是基于最新W3C规范产生: 使用方法: step1:安装node.js ste…

关于这个的问题,虽说不是很难,但还是踩了点小坑,下面就来介绍下如何使用webstorm配置编译sass的输出目录. 1.下载Ruby 2.使用Ruby安装sass 3.检测是否安装成功. 前面的几步很多教程上都有,就不详细说了. 一般来说,我们期望scss目录和css目录是单独分开的,在scss目录中建立index.scss的文件.会弹出如上提示,点击yes,如果不小心点了no的话-- 一样可以进入这个页面. 如果这样的默认路径,编译好的css文件是会直接生成在scss文件下. 但是我们可以将A…

配置React Native Android开发环境总结 1.卸载Android Studio,在终端(terminal)执行以下命令: rm -Rf /Applications/Android\ Studio.app rm -Rf ~/Library/Preferences/AndroidStudio* rm ~/Library/Preferences/com.google.android.studio.plist rm -Rf ~/Library/Application\ Support/A…

项目中经常用到eslint语法,结合个人经验,用webstorm配置eslint "文件"->"默认设置"->"语言&框架"->"Code Quality Tools"->"ESLint" 如图片所示操作后,在"项目目录"或"相应的文件上"或"代码区域块"右键可看到"Fix ESLint Problems&…

Facebook的一帮子工程师在忙碌之余开发除了一套前段UI框架React.这个框架最大的有点就在于让UI的开发都基于组件,这样View都是根据props和state变化的. 项目地址:https://github.com/future-challenger/petshop/tree/master/client 虽然学React比起来其他的前端框架要容易不少,但是其生态的各种工具(Babel, Webpack)却着实让人费一番功夫.事实上,这些工具不只适用于React.但是为了发挥ES2015和…

sass安装: 步骤:(window系统) 1.下载RubyInstaller(v2.4.3),运行安装,基本直接next安装,不过有个add to PATH的选项一定要勾选,这样就不用配置环境变量. 2.在开始程序中找到Start Command Prompt with Ruby,如下图 v 3.打开后命令行输入: 1 gem install sass 这时候可能会出现安装不成功的情况或者安装很慢(慢的想打人),因为国内伟大的GFW原因连接不上导致无法安装 所以就需要替换国内淘宝提供的镜像,依…

一.主题配色 主题设置方法:File -> Settings -> Appearance & Behavior -> Appearance ->Theme. webstorm-setting-02.jpg 配色设置方法:File -> Settings -> Editor -> Colors & Fonts->Scheme.(注:如果你是从从Sublime text3转过来的朋友,比较偏好monokia配色的,可以参见此文 webstorm入…