在 InteIIiJ IDEA 中搭建 Dart 的开发环境

Dart Linux 开发环境搭建: http://www.jianshu.com/p/f923b839f5f1

在 InteIIiJ IDEA 中搭建 Dart 的开发环境

InteIIiJ IDEA 简介

InteIIiJ IDEA 是很出名的用IDE,在JAVA,Python,Android开发者中有很广泛的使用。
InteIIiJ IDEA的主要优点:

  • 多语言支持
    InteIIiJ IDEA官方默认的是做JAVA开发的,IntelliJ在业界被公认为最好的java开发工具之一。
    尤其在智能代码助手、代码自动提示、重构、J2EE支持、各类版本工具(git、svn、github等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。
    通过各种插件能够很方便的进行JAVA,Python,Javascript,HTML,CSS, MySQL,Go,PHP, Lua,Perl等众多语言的开发。

  • 插件支持
    凭借非常多的使用者,在 InteIIiJ IDEA 的插件社区越来越多的组织和个人加入到开发者的队伍中。
    在插件官网上:http://plugins.jetbrains.com/ 上可以找到各类1800+的各类插件。

InteIIiJ IDEA 的 Dart 的开发环境搭建

InteIIiJ IDEA 的 Dart 的开发环境搭建,主要分为如下几个部分:

  1. Dart SDK 安装
  2. IDEA 的 Dart 插件安装
  3. Dart 开发环境设置
  4. HelloWorld sample

本文的相关涉及的软件版本信息:

  1. IntelliJ IDEA version
    IntelliJ IDEA 2016.2.2
    Build #IU-162.1628.40, built on August 16, 2016
    JRE: 1.8.0_76-release-b216 amd64
    JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
  1. Dart version


    在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第1张图片
    Dart version
  1. PC Information


    在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第2张图片
    PC Information

下面将依照这个顺序开始讲述。

Dart SDK 安装

Dart SDK 的安装过程可以参照上一次分享中方法来操作,这里就不再赘述。
Dart 开发环境搭建: http://www.jianshu.com/p/f923b839f5f1

IDEA 的 Dart 插件安装

依照如下步骤安装 Dart 的插件

  1. 依次选择 File -> Setting 打开 IDEA 设定的界面

  2. 选择 “Plugins” 选项,在输入输入“Dart”并点击搜索按钮。


    在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第3张图片
    dart_plugins_search.png
  3. 在新弹出来的窗口中点击蓝色的安装按钮,等待出现如下的画面后重启IDEA


    在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第4张图片
    dart_install.png

Dart 开发环境设置

依照如下步骤设置 Dart 开发环境

  1. 在重启后打开的 IDEA 中,依次选择 File -> New -> Project 打开 IDEA 的新建工程界面。

  2. 在界面的左边的语言的列表中选择Dart语言


    在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第5张图片
    dart_language.png
  3. 在出现的界面中选择 Dart SDK 安装路径。
    如果是按照上一篇里面的方法安装的 Dart SDK, 则 SDK 的路径是:/usr/lib/dart/。
    使用其它的方法安装,请选择对应的安装路径。


    在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第6张图片
    dart_sdk_setting.png
  4. 点击”Next“,在出现的界面中填写 Project 的名字及保存路径。


    在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第7张图片
    project_path.png
  5. 点击”Finish“, 等待出现工程界面。


    在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第8张图片
    demo_project.png

HelloWorld sample

依照如下步骤开发 HelloWorld sample。

  1. 选择工程名”Demo“右击,然后点击依次点击 New -> Dart File。

  2. 输入需要的文件名。


    在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第9张图片
    file_name.jpg
  3. 在文件中输入如下内容

void main(){
 print("Hello World!");
}

正确的文件:


在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第10张图片
right_main.jpg

如果代码中有任何的问题,将会在 "Error Information Area" 进行显示,依照错误提示进行修正。


在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第11张图片
error_project.jpg
  1. 确认文件没有错误后,在按下快捷键Ctrl + Alt + F10,在界面的下方将看到程序的输出结果。
    在 InteIIiJ IDEA 中搭建 Dart 的开发环境_第12张图片
    run_result.jpg

到此在InteIIiJ IDEA 搭建 Dart 的开发环境的相关介绍接已经结束了,接下来来将会一步步的开始介绍Dart语言的相关知识,敬请期待。

你可能感兴趣的:(在 InteIIiJ IDEA 中搭建 Dart 的开发环境)