精华内容
下载资源
问答
  • 使用webstorm制作个人简历网页,拥有点击照片放大图片的功能。考虑个人信息安全问题,简历中汉字均用x代替,若有需要自行下载更改程序中汉字内容,即可使用。
  • webstorm和网站制作

    千次阅读 2016-11-06 16:00:54
    自学前段设计遇到的问题和解决方法
    正在自学前端设计,作为初学者来说 
    

    我觉得首先要下载个webstorm软件,

    还要每天多去http://www.w3school.com.cn/学习,

    或者是http://www.runoob.com/学习
    现在网上的资源越来越丰富,在网易云课堂里也有很多教html5+css+js之类的简单教程,

    这都是我在学习的过程中遇到的并且一直在使用的。


    webstorm下载和使用过程中主要遇到的问题是汉化包和注册码的问题,

    webstorm完全可以在官网下载

    我在安装过程中,导入汉化包之后,发现很多程序原有的问题的不能使用了

    所以我放弃了汉化包,下载了个有道词典,可以随时翻译

    我验证可以使用的注册码为http://idea.imsxm.com/
    操作方法:可以在安装好程序后

    进入主界面,然后“Help"--"Register"中注册,选择”License server“,再输入注册码就好

    未完待续

    展开全文
  • WebStorm 自定义模版

    2020-05-29 17:10:45
    打开webstorm ,按照 file->setting->editor->live template 找到快捷键模板设置页面 点击模版中的+号,在指定的注释组中添加新的注释。 两个$$之间的内容是表达式 点击edit variabels 按钮进入编辑 date...

    自定义注释模版

    1. 打开webstorm ,按照 file->setting->editor->live template 找到快捷键模板设置页面
      在这里插入图片描述
    2. 点击模版中的+号,在指定的注释组中添加新的注释。
      在这里插入图片描述
      两个$$之间的内容是表达式
      点击edit variabels 按钮进入编辑
      date()获取系统日期
      time() 时间
      user() 用户名
      jsMethodName()

    3.注意下边几点,否则还是不能生效

    1.abbreviation 配置生效提示符

    2:no application contexts define 配置应用在什么类型文本,你需要配置改注释应用到什么类型的问题文件上

    3:reformate according to style 勾选即可

    展开全文
  • Webstorm 超实用教程

    2018-10-09 10:01:06
    双击下一步下一步即可,过程中有几个步骤说明一下: 1. 配置 Webstorm 安装项 选择 64 位,防止桌面 ...这里的意思是之前使用过 Webstorm ,并且配置过,Webstorm 配置信息可以起到优化性能的作用,因为它本身是...

    一、安装过程(包含输入注册码永久使用)

    双击下一步下一步即可,过程中有几个步骤说明一下:

    1. 配置 Webstorm 安装项

    选择 64 位,防止桌面 Webstorm 快捷方式打不开。

    配置 Webstorm 安装项

    2. 是否导入 Webstorm 配置信息

    这里的意思是之前使用过 Webstorm ,并且配置过,Webstorm 配置信息可以起到优化性能的作用,因为它本身是个比较吃内存的东西,文件多了容易卡顿,可以通过在配置文件中得到优化,后面单独介绍优化。

    剧透:Webstorm 安装完成后配置信息位置:C:\Users\Administrator\.WebStorm2017.1

    是否导入 Webstorm 配置信息

    3. 激活 Webstorm

    免费版的试用期是 30 天,30 天之后各种让人不舒服,比如不能保存,每隔30分钟自动关闭程序等等,所以在开始的时候还是激活成功使用永久版本的比较好。

    要填的内容:http://idea.imsxm.com/,复制进去即可。

    激活 Webstorm

    有朋友反映使用该网站激活失败,我又去找了另一种激活方式,实测在 Webstorm 2017.2 版本上是激活成功的。Webstorm2017.2 版本激活文件,密码:fls5

    4. 设置 Webstorm 工具的主题和风格

    这里暂时写保持默认设置,后面会单独介绍如何折腾一个独一无二的属于个人审美的 Webstorm 工具。

    设置 Webstorm 工具的主题和风格

    二、使用心得

    关于 Webstorm 大多数配置都在 File -> Settings 选项卡中进行的,也许你不得不第一个记住它的快捷键:Ctrl + Alt + S

    1. 设置开发工具主题/风格

    File -> settings -> Editor -> colors&fonts -> scheme name.

    跟人觉得 Default Darcula 这两款主题还可以,如果内置主题都不喜欢,可以去 主题下载地址 寻找你中意的主题。

    2. 换成自己熟悉编辑器的快键键:如 Eclipse 的快捷键 + 自定义快捷键组合

    快捷键设置

    3. 取消勾选安全保存时间

    这两项取消勾选,否则影响热更新,不能及时将修改的内容反应在浏览器上。

    取消勾选安全保存时间

    4. 集成 Eslint

    集成 Eslint 的前提是你的项目里使用了 Eslint。

    集成 Eslint

    5. 集成 Git

    对 Webstorm 集成 Git 的前提是你已经掌握 Git 的基础使用方法,如果对于 Git 的基本概念不了解的话,可以参阅:廖雪峰 Git 教程

    集成 Git

    Webstorm 集成 Git 带来的遍历就是将 Git 的指令用选项的意思表达出来,如果你熟悉 Git 是如何提交代码的,那么在 Webstorm 使用 Git 提交代码应该不是什么难事。

    git 提交代码

    对于分支的操作在 Webstorm 右下角

    操作分支

    6. 常用开发工具窗口

    开发过程中,最常用的工具窗口有以下几个:

    • Project 记录项目的层级结构;(快捷键 Alt + 1)

    • Structure 记录当前文件内部的层级结构,方便快速定位到某个方法;(快捷键 Alt + 7)

    • Npm 使用 npm 构建的工程,Npm 窗口会记录 package.json 里的脚本信息,一般用于快速启动项目;快捷键 (Ctrl + E)

    • TODO 项目中难免会预留 TODO 标记用于日后完善,该窗口可以快速定位到哪个文件的哪一行预留了 TODO 标记。(快捷键 Alt + 6)

      常用开发工具窗口

    7. 配置 Less 自动转译 CSS

    在进行配置之前,请确保你已经使用 npm/yarn 或其它工具全局安装了 less 包。

    $ npm install less -g
    

    配置 Less 自动转译 CSS

    8. Webstorm 安装 Editorconfig 插件

    如果你的项目中要使用 .editorconfig 配置文件控制代码风格,那么 Editorconfig 插件必不可少。Webstorm 2017.1 及之后的版本都默认安装了这个插件,如果没有安装,参照下图自行安装。

    安装 Editorconfig 插件

    9. 文件类型设置 —— File Types

    在使用微信开发工具开发小程序时,经常遇到这么个问题:小程序开发工具不支持多例模式,一次性只能打开一个项目,可是同时又想打开其他项目参考里面的代码,总不至于用文本编辑器打开吧。我的选择是使用 Webstorm 打开小程序的项目,可是随之而来的一个问题就是小程序的 .wxml 和 .wxss 文件类型 Webstorm 无法识别,代码都是一片黑色,没有背景高亮看着很是不舒服。

    使用 File Types 可以将 .wxml 和 .wxss 文件类型添加到 Webstorm 中。

    File Types 设置

    • 在 Cascading Style Sheet 下添加 *.wxss 类型,使用 css 语法高亮;
    • 在 HTML 下添加 *.wxml 类型,使用 html 语法高亮。

    注意:前面的 * 号不能忘记。

    10. Webstorm 2017.2 版本使用搜狗输入法卡顿问题

    卡顿卡的人心烦,查了一些资料都没起作用,就差重装 Webstorm 了,后来在搜狗贴吧上看到一方法试了试是有用的。

    安装搜狗输入法最新版本,然后重启 Webstorm(刚装好没重启,使用输入法还是卡,以为没啥用,后来重启之后发现一点都不卡了)。

    11. Webstorm 弹出 Npm 对话框

    实际开发中,在终端会经常敲入 npm run dev 等指令,Webstorm 集成了这一功能,带来了很大的便利。但在打开 Webstorm 有些人却找不到该对话框。

    Npm 对话框

    首先确保你的项目含有 package.json 文件,并且文件内含有 script 脚本指令。右键 package.json 文件,可以看到如下画面,点击 Show npm Scripts 即可。还有一个方法,快捷键 Ctrl + E 也可以看到该选项,只不过该方法有时候会掉链子。

    如何弹出 Npm 对话框

    12. 快捷键 —— 最常用的快捷键最佳应在 10 个以内

    • Ctrl + Shift + R —— 快速定位到文件并跳转

    • Ctrl + Shift + F —— 全局搜索文件内某个字符串 (Webstorm 默认快捷键,eclipse 中是 Ctrl + H

    • Ctrl + Shift + U —— 大小写切换

    • Ctrl + E —— 打开最近操作过的文件

    • Ctrl + Alt + L —— 格式化代码(与 QQ 快捷键冲突,自定修改 QQ 快捷键)

    • Ctrl + Y —— 删除光标所在行

    • Ctrl + Alt + S —— 打开设置窗口

    三、优化 Webstorm

    使用 webstorm 有时打开项目时很慢很慢,有时操作时卡顿,这些不好的体验都可以通过简单的设置规避掉。

    1. 调整 webstorm 内存

    webstorm 安装目录 > bin > WebStorm.exe.vmoptions。文本编辑器打开,修改第二行和第三行内容。

    第二行:-Xms526m

    第三行:-Xmx1024m

    楼主电脑是 8 g 内存,这样分配明显好很多,测试发现 -Xms 最大值不能超过1024,否则webstorm将无法打开。

    2. 把不必要索引的文件进行排除

    webstorm 如果同时引入很多个项目也会导致卡顿,我们可以将不需要的项目隐藏起来,和 Eclipse 中 close project 功能一样。

    选择项目 > 右键 > Mark Directory As > Excluded。操作完成后会发现项目“消失了”。

    不过还是建议 webstorm 只打开一个项目。

    3. 关闭 node_modules 校验

    在 node 项目中存在 node_modules 目录,每次打开 webstrom 时会校验文件,同样也会校验 node_modules 中的内容,这会浪费很多时间。

    关闭 node_modules 校验

    4. 取消勾选不常用的插件

    webstorm 中可以集成很多插件,这些插件也会影响运行速度,有的插件你可能压根都没听过,更不会使用,可以取消勾选。

    取消勾选不常用的插件

    展开全文
  • webStorm 2018 编写第一个html

    千次阅读 2019-03-27 20:08:03
    第一次打开是什么项目都没有...欢迎你来到我的第一个WebStorm页面 ;color:yellow;">我用了直接编写css的办法 //直接用css样式进行美化文字 上面就是简单的html加上简单的css样式了,结果:      

    第一次打开是什么项目都没有,所以需要新建项目:

    Location为新建项目位置,左侧可以选择新建项目类型,即空项目或指定框架下的项目,这里我们选择建立空项目(Empty Project).

    如果进去过的,就File菜单栏下,选择New->Project新建项目

    建好文件后就新建文件,把你想建的文件放在里面,比如我现在建一个放Css的文件:

    接下来就是你想创建其他类型文件(如:.html等):

    进行完以上新建工作即可开始简单的前端工作。

    接下来我用HTML5 + CSS组合来简单的写一个前端页面:

    按照上述一样,新建一个放h5的文件,然后建h5的后缀编写环境

     

    编写html代码,可以 “!”或“html:5”,然后按Tab键:快速添加HTML文档需要的一些固定的标签

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport"
              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
    
        <title>你好</title>
    </head>
    <body>
    <h1>欢迎你来到我的第一个WebStorm页面</h1>
    <h2 style="font-size:16px;color:yellow;">我用了直接编写css的办法</h2>
    //直接用css样式进行美化文字
    </body>
    </html>

    上面就是简单的html加上简单的css样式了,结果:

     

     

     

    展开全文
  • WebStorm开发应用——前端页面

    千次阅读 2020-05-23 12:57:58
    第一次上手WebStorm开发一个手机端应用,前端页面主要用到的是html(页面内容由html构成 ),css(利用排版,样式将页面内容进行美化),js(脚本语言使页面具有交互性) 首先上效果图
  • 试了很多种解决网页显示中文乱码问题的方式,最后发现统一更改编码格式的方法才是正确有效而且一劳永逸的。 具体方法:file -----> settings 搜索encoding 在fileencoding下,将IDE Encoding,Project Encoding和...
  • 开发工具webstorm,大学生可以使用学校提供的教育邮箱免费白嫖官网的正版软件 先要在电脑中安装node.js才能使用npm 教程基于macOS操作系统,Windows的创建步骤大同小异 如果不确定是否已经安装node.js,我们可以在...
  • HTML5期末大作业:个人网站设计——小黄人(5页) HTML+CSS 学生DW网页设计作业成品 web课程设计网页规划...文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求,
  • HTML5期末大作业:个人网站设计——个人网页(4页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 大学生毕设网页设计源码HTML 常见网页设计作业题材有 个人、 美食、 ...
  • (刚自学前端)之前写了一段js的代码设计到获取时间的new Date(),然后再电脑上测试都好好的,然后用GitHubpage部署了一些,就发现错误,时间显示NaN,这就很痛苦,所以就想着能够在手机上先预览以下页面。 实现 这里讲一种...
  • 文章目录webstorm中可视化方法/引入图表的方法一、下载并引入echarts.js文件下载方法:二、准备一个具备大小的dom容器三、初始化echarts实例化对象四、指定配置项和数据(option)五、将配置项设置给echarts实例化...
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 ...
  • webstorm 一些基本用法

    2020-08-28 13:35:58
    1、去掉 webstorm 灰色的数据类型提示
  • 2.接下来就可以打开我们的webstorm 3.新建项目,选择存储位置 4.进入了工具,里面没有任何文件与项目,需要自己建立 5。建好html页面后,会自动给我们成页面的基本格式,我们只需要编写html代码即可 ...
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 ...
  • 旅游住宿酒店的HTML网页设计14页 ~ 学生网页设计制作期末作业下载~ 大学生网页设计制作成品下载 ~DW旅游网页作业代码下载 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业...
  • 1:先在cocosStudio中编辑好两个场景UI 2:将两个资源导出,全部放到res目录下面,如下图 3:在resource.js脚本文件中添加文件路径 ...4:增加一个脚本文件,用于另一个场景显示 ...5:记得在project.json中加上...
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 ...
  • WebStorm 初步使用 & HTML5 学习报告

    万次阅读 多人点赞 2018-04-15 14:28:12
    WebStorm 初步使用WebStorm介绍WebStorm是Jetbrains公司旗下的一款JavaScript开发工具,因其界面简洁,操作方便,被广大国内JS开发者誉为“Web前端开发神器”。WebStorm具有智能代码补全、代码格式化、html提示、...
  • webstorm里面自己添加浏览器

    千次阅读 2015-09-01 18:29:43
    首先  1:File>Setting>tools>web browsers如图所示 2:我们可以看到webstrom原生的有默认的几个浏览器。... 3:在 File>Setting>tools>web browsers这个界面可以看到在path路径这里我们点击左键出现如图,我们输入...
  • html网页制作期末大作业成品_新疆旅游学生网页设计作品_dreamweaver作业静态HTML网页设计模板_新疆旅游景点网页作业制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?...
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 ...
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 ...
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 ...
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 ...
  • Webstorm使用教程详解

    2017-04-25 13:57:00
    使用WebStorm开发web前端 网页中文乱码问题的解决方案 Webstorm 主题、背景、颜色等设置的导入导出 1、导出设置 2、导入设置 Webstorm垂直分栏,在需要分栏的文件上右击,选着垂直拆分。就可以...
  • 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 ...
  • HTML期末大作业~ 大学生体育运动网页设计模板代码 校园篮球网页作业成品 学校篮球网页制作模板 学生简单体育运动网站设计成品 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业...
  • html练习-webstorm个人电子简历制作` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>个人简历</title> <style type="text/css"> td {...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,202
精华内容 1,680
关键字:

webstorm网页制作