react单页面使用apache类静态服务器的相关设置

以xammp为例

需要配置

1：本地C:\Windows\System32\drivers\etc下host文件，增加下图红线中内容，127.0.0.1为固定本地ip

2：xampp的目录下我这里是E:\xampp\apache\conf\extra的httpd-vhosts.conf文件中增加下面这个内容，注意域名需要跟上图的一样，然后里面的DocumentRoot是放build出来的文件的所在目录，这里注意需要是在xampp安装目录里，若不想放这里需要另外更改xammp默认目录位置，否则无权限访问会报错，设置方法自行百度这里不多说

3：设置所有dvademo.com下的子路径都跳回自身index.hmtl

这里需要在build根目录内添加一个.htaccess文件，可以网上搜一个或者用webstorm创建一个这种没有名字只有后缀的文件

内容如下

# use mod_rewrite for pretty URL support

RewriteEngine on

# If a directory or a file exists, use the request directly

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

# Otherwise forward the request to index.php

RewriteRule . index.html

4：完毕

首先，打开 webstorm ，复制你每次重复构建的模板， 然后打开偏好设置，快捷键 command+，（win 是 setting）

在搜索栏输入 live 打开 live templates

html/xml 中添加模板 右手边加号。

模板内容区域粘贴，缩写写你想要的，这里是 jq，最后选择应用场景，全选。

应用 ok

检测，删除页面内容 打入 jq

按下 tab

OK,结束了。

公众号 深海笔记Shinkai

  Shinkai

知乎 Shinkai

原文链接http://note.youdao.com/s/AEzC0GRu

打开phpstorm软件，在“File”的下拉菜单中选择“Settings...”选项

其中“Appearance &Behavior”中可设置菜单栏和工程栏字体样式和大小

“Editor”下列配置项中“Colors &Fonts”中的“Font”选项可以配置代码显示界面的字体样式和大小

点击“Save As...”的按钮，复制“Default”配置项，自行配置后点击“Apply”按钮保存配置

webstorm界面软件配置相同

---