ubuntu安装webstorm

最新推荐文章于 2022-11-22 09:51:54 发布

弓弧名家_玄真君

最新推荐文章于 2022-11-22 09:51:54 发布

阅读量8.7k

点赞数

文章标签： ubuntu

官网下载

http://www.jetbrains.com/webstorm/download/

1.终端输入

~$ sudo apt-get install default-jdk

2.然后

然后将webstorm解压，运行bin/webstorm.sh，命令行：sh bin/webstorm.sh，至此webstorm安装完成。

3.注册

User Name: EMBRACE
 
License Key:
===== LICENSE BEGIN =====
24718-12042010
00001h6wzKLpfo3gmjJ8xoTPw5mQvY
YA8vwka9tH!vibaUKS4FIDIkUfy!!f
3C"rQCIRbShpSlDcFT1xmJi5h0yQS6
===== LICENSE END =====

方法二

一.WebStorm 是 jetbrains 公司旗下一款 JavaScript 开发工具，被广大 JS 开发者誉为“Web前端开发神器”。

安装

下载：http://www.jetbrains.com/webstorm/index.html

解压下载的 gz 包，命令行下运行：

cd bin
./webstorm.sh

不过 WebStorm 默认情况下是需要收费的，可以申请为开源项目的贡献者来获得 licenses。

安装插件

安装完成后，在 File - Settings - Plugins，选择需要安装的插件，例如 AngularJS、Markdown 等。

设置项目

在 File - Settings - Directories 下，通过 Add content Root 来设置我们的项目路径

在 File - Settings - JavaScript - Libraries 下，勾选想要支持的库，建议全部勾上（如 NodeJS）。

设置外观、字体

在 File - Settings - Editor - Colors & Fonts - Font 下，选择自己想要的主题，然后 Save as... 保存自己想要的主题名称，设置字体为Ubuntu Mono，字体设置为 16（貌似有点小，相当于 Eclipse 下的 12）

显示行数

在 File - Settings - Appearance 下，勾选 Show line numbers 选项。

二.创建桌面图表

1.创建文件

sudo gedit WebStorm.desktop

2.写入内容

[Desktop Entry]
Categories=Development;
Comment[zh_CN]=
Comment=
Exec=/home/kerita/下载/webstorm/bin/webstorm.sh
GenericName[zh_CN]=IDE
GenericName=IDE
Icon=/home/kerita/下载/webstorm/bin/webstorm.png
MimeType=
Name[zh_CN]=WebStorm
Name=WebStorm
Path=
StartupNotify=true
Terminal=false
Type=Application
X-DBUS-ServiceName=
X-DBUS-StartupType=
X-KDE-SubstituteUID=false
X-KDE-Username=owen

3.设置权限

gksu chmod +x WebStorm.desktop

方法三

在ubuntu15.10环境配置webstorm和eclipse的时候会下载官网上编译好的包, bin目录下面会有一个.sh文件(linux版本), 那么一般情况下,执行


./sh就会启动IDE, 但是每次进入安装包实在不方便,我们就为它创建一个快捷方式, 过程很简单就像下面这样:


1  在/usr/share/applications/文件夹里面创建一个.desktop文件


sudo vi /usr/share/applications/webstorm.desktop
2  修改这个文件, 内容是这样:


复制代码
[Desktop Entry]
Name = WebStorm
Comment= WebStorm
Exec=/home/loutao/environment/WebStorm-141.1550/bin/webstorm.sh
Icon=/home/loutao/environment/WebStorm-141.1550/bin/webide.png
Terminal=false
Type=Application
复制代码
其中Terminal是启动IDE时候是否启动终端(true启动, 好处是卡死可以直接ctrl+c关闭IDE!)


Exec: .sh脚本的路径


Icon: IDE图标的位置


好了,像这样配置完成之后,在/usr/share/applications文件夹里面就会出现一个icon,像这样的: