WebStorm安装与使用
一、简介
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为"Web前端开发神器"、"最强大的HTML5编辑器"、"最智能的JavaScript IDE"等。
二、安装
官网地址:http://www.jetbrains.com/webstorm/
去官网下载最新版本进行安装.
下载之后进行安装
启动软件
下面会要求你激活,如果不激活的只有免费使用30天
激活码可参考: http://blog.csdn.net/xx1710/article/details/51725012
这个能用: http://idea.qinxi1992.cn/
三、使用
使用WebStorm创建一个项目
这里支持有很多的类型项目:
Empty Project ----一个空的项目
HTML5 Boilerplate ----HTML5开发框架
Web Starter Kit ----Web Starter Kit 是 Google的一个开源项目,它里面提供了一些工具,比如 BrowserSync,实时的预览项目的变化,在不同浏览器上同步页面的行为。
React App ----基于React.js用来开发iOS和Android原生App。
Twitter Bootstrap ----Bootstrap是Twitter推出的一个用于前端开发的开源工具包。
Foundation ----Foundation 是一个易用、强大而且灵活的响应式前端框架,用于构建基于任何设备上的响应式网站、 Web应用和电子邮件。结构语义化、移动设备优先、完全可定制。
Angular JS ----AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入,等等。
Angular CLI ----Angular CLI 帮助开发者快速创建Angular 2项目和组件
React Native ----ReactNative可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。
Node.js Express App ----Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站
PhoneGap/Cordova App ----PhoneGap/Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。
Yeoman ----Yeoman是Google的团队和外部贡献者团队合作开发的,他的目标是通过Grunt(一个用于开发任务自动化的命令行工具)和Bower(一个HTML、CSS、Javascript和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。
Meteor App ----Meteor是跨时代的全栈Web开发框架,Github stars数已超越Ruby on Rails。使用它能够迅速地开发实时的(Real-Time)和响应式的(Reactive)应用,并且可以在一套代码中支持Web,iOS,Android,
Desktop多端。Meteor能够轻松的和其他框架和应用结合,如ReactJS,AngularJS,MySQL,Cordova等。
Dart ----Dart是一种基于类的可选类型化编程语言,设计用于创建Web应用程序。
创建成功后的样子
四、配置
4.1设置背景色为黑色
点击settings
选择之后点击确定,然后整个软件的颜色就全变黑了。
4.2设置字体大小
字体设置在Settings-->Editor-->Colors&Fonts-->Font下面
点击Save AS 先另保存一份再进行修改
名字随便取、保存后修改字体为20
点击OK就完成了修改。
WebStorm安装与使用相关推荐
- webstorm安装_WebStorm2019安装教程
一个免费安装软件的共享平台 [名称]:WebStorm-2019 [大小]:261.45MB [语言]:简体中文 [安装环境]: Win7/Win8/Win10 [32/64位下载链接 ]: http ...
- webstorm安装eslint插件_在WebStorm中使用ESLint开发Vue项目 | 六阿哥博客
对于习惯使用 IntelliJ IDEA 的玩家,使用 WebStorm 来编写前端代码比使用 Visual Studio Code 更得劲,于是开始折腾... 我使用的 WebStorm 版本是 2 ...
- webstorm 安装激活破解方法
1.webstorm下载安装 http://www.jetbrains.com/webstorm/ 2.打开http://idea.lanyus.com/下载破解补丁 3.将补丁复制到webstorm ...
- webstorm安装及汉化后无法设置的原因总结
webstorm安装及汉化后无法设置的原因总结 一.简介 最近在做一个大的系统性的项目,囊括硬件开发.嵌入式软件开发.前端开发.后端开发,嵌入式的软件我已经在很早之前就完成了,但是由于开发的APP属于 ...
- webstorm安装和基础功能
webstorm安装和基础功能 安装步骤 1.下载 2. 安装 3 .使用 设置文字样式(字号大小.字体等) 设置皮肤主题 4.webstorm与VSCode的选择 安装步骤 1.下载 官网地址:ht ...
- 【2023最新】Nodejs + Webstorm安装教程
[2023最新]Nodejs + Webstorm安装教程 文章目录 [2023最新]Nodejs + Webstorm安装教程 1. Node 1.1 下载 1.2 安装配置 2. WebStorm ...
- Webstorm安装px2rem插件
做过前端开发的都知道,前端开发适配是一个头疼的问题,各种尺寸要算来算去,现在终于可以解决这个烦恼了,安装px2rem插件,一键解决px与rem换算的问题.现在就来演示一下怎么在webstorm怎么安装 ...
- WebStorm安装教程【2022年新版图解】
对于入门JavaScript 开发的者,最重要的就是安装WebStorm软件,一款非常优秀的JavaScript工具,在互联网上查询目前还没有一篇写得比较详细的WebStorm教程.今天我将使用Web ...
- WebStorm安装教程
WebStorm安装教程 下载连接 WebStorm链接:https://pan.baidu.com/s/1Wh7DCfNCRrU-iUoFOq8BxA 提取码:k8vx ide链接:https:// ...
- webstorm安装插件失败怎么办?
1.以安装eslint为例: 2.当安装时间过长会有超时警告,警告你安装失败,不要慌,把此时警告中的插件地址复制出来,在浏览器地址栏打开,下载 3.如图 4.解压,然后把解压后的文件夹,放到 (找对自 ...
最新文章
- asp.net 包含动态创建控件的容器如果要切换显示/隐藏不要用 Visible 属性
- mysql最大述_mysql最大字段数量及 varchar类型总结
- flink的dataset/stream/sql三套API的选择以及是否应该阅读源码
- 利用Qt元对象技术防止工厂模式下代码臃肿问题,QT 动态创建对象(第2种方法)
- lammps教程:单原子温度计算及输出方法
- 考研数学张宇常说的段子和道理,自己看视频的时候整理的(欢迎指正、补充)
- Win11如何显示/隐藏语言栏?
- Maven之(四)Maven命令
- 如何构建用户画像,给用户打“标签”?
- [公式推导]用最简洁的方法证明多元正态分布的条件分布
- 计算机视觉中的多视图几何 --3D射影几何中的面与直线
- 上海人工智能领军企业CIMC中集飞瞳先进产品领跑全球港口人工智能应用落地,先进码头人工智能科技引领智慧港口建设,降低接触提升效能
- 何金龙 mysql_办innodb
- source使用方法
- 高等数学,速度,路程,时间公式
- php 生成抽奖码算法,抽奖概率算法实现-用PHP来实现的
- 《美术教育研究》杂志约稿|投稿邮箱|约稿函
- 机器人总动员英语情歌_机器人总动员经典台词对白爱情电影英文独白
- 18 11 20 网络通信 ----多任务---- 携程 ----生成器
- LInux系统两套管理网络连接的方案interfaces和Network-Manager