二、WebStorm2017.3安装使用说明

网页编辑软件有很多种,Dreamweaver,Sublime,WebStorm,VS,文本编辑等等,我所使用的是WebStrom2017.3,个人感觉相对于其他编译软件较方便快捷;

1.WebStorm简介:WebStorm是一款强大的HTML5/JavaScript的Web前端开发工具,被广大JS开发者誉为“Web前端开发神器”WebStorm 8全新特性中包括对AngularJS的支持,能够高效准确地智能感知Angular语法、指令;

2.安装好(安装包及破解文件都在附件)打开运行文件(webstorm64.exe文件)

     
这里可以选择新建工程文件/文档或者打开已经建立好的工程文件文档/;建议将一个网页建立一个整体文件夹,在其内部建包含网页所有内容的子文件夹,方便后期这个网页的继续编辑和修改;

3.创建文档
    1>打开软件显示的界面:
    
    点击file下拉菜单会显示New,点击选择需要建立的文件,所建立文件会在侧边工程导航栏中显示出来,当不需要此文件时可以右键单击文件Delete即可删除,当然也可以在工程栏中点击文件建立其子文件;
    
    2>新建一个HTML文档
            方法一:右键单击project--New--HTML File--弹框输入Name点击ok完成创建;(此方法软件会提供预定的HTML框架)

    

       
        方法二:新建文本文档--重命名XX.html(注意连后缀名一起修改)--打开WebStrom--之间拖拽到软件编辑界面即完成创建;(此方法软件不会提供预定的HTML框架)

   

    3>浏览器显示:挡鼠标滑过编辑界面右上角会显示软件默认的浏览器,选择将html文档打开的浏览器,即可查看到此浏览器中html编写的页面;
           也可以修改默认浏览器:在file--settings--Tools--web Browsers中勾选浏览器或右侧加号添加其他浏览器            
        4>软件界面外观设置:选择file--Settings--Editor--font设置代码字体size大小/Editor--color Scheme 设置代码区颜色显示等;
    附加:简单介绍一下Sublime软件

         Sublime与文本文档类似,打开软件即可编写html文档,编写HTML时软件不会有提示信息出现;

    编写好的html需要点击File--save保存之后才可以在浏览器打开;

猜你喜欢

转载自blog.csdn.net/weixin_40976555/article/details/79873922