在 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 的开发环境》 Dart version

  1. PC Information

    《在 InteIIiJ IDEA 中搭建 Dart 的开发环境》 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 的开发环境》 dart_plugins_search.png

  3. 在新弹出来的窗口中点击蓝色的安装按钮,等待出现如下的画面后重启IDEA

    《在 InteIIiJ IDEA 中搭建 Dart 的开发环境》 dart_install.png

Dart 开发环境设置

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

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

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

    《在 InteIIiJ IDEA 中搭建 Dart 的开发环境》 dart_language.png

  3. 在出现的界面中选择 Dart SDK 安装路径。
    如果是按照上一篇里面的方法安装的 Dart SDK, 则 SDK 的路径是:/usr/lib/dart/。
    使用其它的方法安装,请选择对应的安装路径。

    《在 InteIIiJ IDEA 中搭建 Dart 的开发环境》 dart_sdk_setting.png

  4. 点击”Next“,在出现的界面中填写 Project 的名字及保存路径。

    《在 InteIIiJ IDEA 中搭建 Dart 的开发环境》 project_path.png

  5. 点击”Finish“, 等待出现工程界面。

    《在 InteIIiJ IDEA 中搭建 Dart 的开发环境》 demo_project.png

HelloWorld sample

依照如下步骤开发 HelloWorld sample。

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

  2. 输入需要的文件名。

    《在 InteIIiJ IDEA 中搭建 Dart 的开发环境》 file_name.jpg

  3. 在文件中输入如下内容

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

正确的文件:

《在 InteIIiJ IDEA 中搭建 Dart 的开发环境》 right_main.jpg

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

《在 InteIIiJ IDEA 中搭建 Dart 的开发环境》 error_project.jpg

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

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

    原文作者:优腾爱乐
    原文地址: https://www.jianshu.com/p/fa275a08b083
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞