WebStorm的简单设置
1、主题修改:
可能大家会觉得软件的界面不太好看,我们可以换一下主题。选择菜单栏“File–settings–apperance–theme”,主题选择Darcula:

2、导入第三方主题:
系统提供的两种主题可能都不太好看,我们可以进入网站http://color-themes.com/来获取第三方主题,这里推荐两个主题,大家二选一即可:


上图中,在网站http://color-themes.com/中将主题下载之后,是一个jar包。那怎么导入到WebStorm呢?
别着急,回到WebStorm,选择菜单栏“ File-Import Settings”,将下载好的jar包导入即可。
3、代码字体修改:
选择菜单栏“File–settings–Editor–Font”:

上图中,点击红框部分,然后弹出如下界面:

我们在上图中修改代码的字体。
修改完之后发现 WebStorm 的一些默认字体(比如侧边栏的工程目录的字体)并没有发生变化,如果想改的话,也可以改(我个人一般是不改的)。
4、关闭更新:
如下图所示:

5、快捷键习惯的修改:
7、配置代码的自动提示:
14、修改文件编码为UTF-8:
WebStorm 2017.3.3版本的默认编码方式是 GBK,我们还是统一设置为UTF-8吧,不要坑队友哦:

新建一个空的项目
配置完成后,可以开始新建一个项目文件夹(站点),项目通常包含如下内容:
首页:index.html
样式:css文件夹
- index.css
- 相同样式:全局样式、公共样式。起名为:base.css(基本样式)或者 global.css (全局样式)
图片:images文件夹、文件
特效:js文件夹、js文件
步骤如下:
(1)新建一个空的项目: