抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

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)新建一个空的项目: