• WebStorm 常用安装,配置,快捷键


    WebStorm

     软件资源   http://pan.baidu.com/s/1c2OmyQW(不建议使用汉化版,都已可能出现很多意想不到的问题)

    * Web前端集成开发工具 - WebStorm

       * 安装完成后,双击执行文件

         * 弹出窗口(complete installation),点击"OK"按钮

         * 弹出窗口(License Activation)-激活WebStorm软件

           * 选择"License server"选项

           * 在"License server address"文本框中输入

             http://15.idea.lanyus.com/

           * 点击"OK"按钮即可

         * 弹出窗口(initial Configuration-初始化配置)

           * Keymap scheme - Eclipse

           * IDE theme - Intellij

           * Editer colors and fonts - Default

           * 点击"OK"按钮

         * 弹出欢迎窗口(Welcome to WebStorm)

           * Create new Project - 创建新工程

             * 选择创建新工程

           * Open - 打开已有工程

           * Check out from Version Control - 从版本控制下载工程

       * 创建新工程

         * 弹出选择哪类工程

           * 选择"Empty Project"

           * 在"Location"输入框中,输入当前工程保存的路径

             E:workspaceproject06

           * 点击"Create"按钮

       * 配置WebStorm

         * 点击工具栏"File"->"Setting",弹出配置窗口

         * 打开"Editor"->"Colors & Fonts"选项

           * 选项"Scheme" - 选择编辑器的主题样式

         * 选择"Colors & Fonts"->"Font"选项

           * 选择好"Scheme"主题,点击"Save as"按钮

           * 为另存为的主题,定义名称

       * 在左侧的菜单中选择“Editor/Colors & Fonts/Font,在右侧Scheme Name后侧的”Save as...“按钮,另存一个设置,然后可以修改字体大小和字体。

           * 点击"Apply"按钮,点击"OK"按钮

     *webstorm浏览器设置:*点击菜单 files —》 settings —》在左侧菜单中偏下的位置有一个web browsers选项,点击web browsers选项。

        我们配置路径的时候要注意,是可执行文件的路径(后缀名为 .exe),而不是快捷方式的路径(后缀名为.lnk)。 

     *vue.js插件安装   file-->setting-->plugins-->Browse repositories, 搜索vue.js

     

       * WebStorm如何创建PHP页面

         * 注意

           * WebStorm默认并不支持PHP

           * 下载PHPStorm软件

         * 配置PHP

           * 点击工具栏"File"->"Setting",弹出配置窗口

           * 选择"Editor"->"File Types"选项

           * 在"Recognized File Types"选项中,找到"PHP Files"选项

           * 在"Registers Patterns"选项中,点击"+"按钮,弹出配置窗口

             输入:*.php

            点击"OK"按钮

           * 点击"Apply"按钮,点击"OK"按钮

         * 创建PHP模板

           * 在工程目录操作区,鼠标右键"New"->"Edit File Templates"选项,弹出模板窗口

           * 具体创建过程,参考"创建PHP模板.jpg"

    1.WS的常用操作:

      常用快捷键(Keymap/Eclipse):

    写代码,按Tab生成代码

    代码向上/下移动:    Ctrl+Shift+Up/Down

    复制当前行:                 Ctrl+D

    删除行:         Ctrl+X

    重新开始一行(无论光标在哪个位置):Shift+enter

    注释(// 或者/*…*/ ):     Ctrl+/ 或 Ctrl+Shift+/

    重新格式化当前文档:     Ctrl+Alt+L

    重构-重命名:  shift+f6

          F2 或Shift+F2   :高亮错误或警告快速定位

     ZenCoding(代码补全):

    div+TAB 

    div.box+TAB

    div#mybox+TAB

    div*3+TAB

    ul>li*3>a+TAB

      假文生成:

    lorem+TAB

     多行编辑:

    Alt+左键点击          开始多行同时编辑

    ESC                       退出多行编辑模式


  • 相关阅读:
    1462. 课程安排 IV
    最全的CSS浏览器兼容问题【FF与IE】
    this&super两个关键字的意义和用法
    Javascript this 的一些总结
    JS-封装类或对象的最佳方案
    背景色透明,里面内容(图片、文字)不透明
    css3 前端开发
    html5游戏之Box2d物理引擎集成
    Box2d引擎之元素
    西天取经第一步——制作自己的HTML5游戏
  • 原文地址:https://www.cnblogs.com/qingqingzou-143/p/6701765.html
Copyright © 2020-2023  润新知