一、概述

  参看官方文档:https://ant.design/docs/spec/introduce-cn

  其中包含了设计价值观、设计原则、视觉、模式、可视化、动态等。

  其中Ant Design 的 React 实现,开发和服务于企业级后台产品。参看文档:https://ant.design/docs/react/introduce-cn

二、安装环境

  配置ant design的开发环境,也相当于配置react配置。以下主要使用idea配置开发环境。

2.1、nodejs

  下载地址:http://nodejs.cn/download/,选择一个版本安装即可。
  这里选择了zip版本,解压后,配置号环境变量。

2.2、安装IntelliJ IDEA

2.3、IntelliJ IDEA与React集成

  参看地址:http://www.jetbrains.com/help/idea/react.html#ws_react_before_you_start

  IntelliJ IDEA与React集成,可帮助您配置,编辑,维护,运行,调试和维护您的应用程序。

2.3.1、打开idea,增加nodejs插件

  File→Settings→Plugins→Browse repositories→搜索nodejs下载安装即可。

  注:如果开发nodejs项目,此时可以打开File→new→Projects→node.js and npm项目模板。详细可参看:地址

2.4、NPM Tool Window

  参看地址:http://www.jetbrains.com/help/idea/npm-tool-window.html

  在package.json 右键 Show npm Scripts,之后就可以通过View | Tool Windows | npm查看到【注意:只有使用Show npm Scripts命令打开它后,才能以此方式访问工具窗口。】

  使用工具窗口运行npm或Yarn脚本。

2.4.1、开始

  idea 的nodejs插件,nodejs,yarn等安装

2.4.2、运行脚本

  在Project工具窗口中选择package.json文件或在编辑器中打开它并在上下文菜单上选择Show npm Scripts时,工具窗口将打开。只要您调用npm或Yarn,它就会开始构建一个脚本树,该脚本在调用它的package.json文件的scripts属性中定义。如果您的项目中有多个package.json文件,则可以为每个文件构建一个单独的脚本树,并在不删除以前生成的树的情况下运行脚本。每棵树显示在一个单独的节点下。

  工具窗口显示脚本输出,报告发生的错误,列出未找到的包或插件等。最后执行的脚本的名称显示在工具窗口的标题栏上。

  1》要构建脚本树,请执行以下操作之一:

    方式一、在Project工具窗口中选择所需的package.json文件,或者在编辑器中打开它并在上下文菜单中选择Show npm Scripts。

    方式二、在npm工具窗口中,点击工具栏+并从列表中选择所需的package.json文件。默认情况下,IntelliJ IDEA在项目的根目录中显示package.json文件。如果您有另一个package.json文件,请单击选择package.json并在打开的对话框中选择需要的package.json文件。IntelliJ IDEA在其标题中添加了一个新节点,其路径为所选的package.json文件,并在新节点下建立了一个脚本树。

  2》重新构建一棵树

    切换到所需节点并单击工具栏上刷新的。

  3》按树名排列树中的脚本

    点击工具栏上的设置菜单,选择排序方式,然后选择名称。 默认情况下,树会按照package.json中定义的顺序(选项定义顺序)显示脚本。

  4》运行一个脚本

    双击脚本。 在树中选择脚本,然后按Enter或在上下文菜单上选择运行<script name>。选择Start

  5》运行几个脚本

    使用多重选择模式:按住Shift键(对于相邻的项目)或Ctrl(对于不相邻的项目)键并选择所需的脚本,然后在选择的上下文菜单上选择运行或调试。

001-使用idea开发环境安装部署,npm工具栏,脚本运行的更多相关文章

  1. 001、JAVA开发环境安装与eclipse软件第一印象

    折腾了快1个星期,一直没有成功装好JAVA环境,eclipse一直打不开,java环境配置的问题真是不得不吐槽一下,太烂了.今天反反复复折腾好久,终于搞定了.用的金山毒霸,方法如下: 一.打开金山毒霸 ...

  2. legend3---Windows 7/8/10 系统下Laravel框架的开发环境安装及部署详解(Vagrant + Homestead)

    legend3---Windows 7/8/10 系统下Laravel框架的开发环境安装及部署详解(Vagrant + Homestead) 一.总结 一句话总结: 1.安装的话就是下载好git,va ...

  3. Nginx+Python+uwsgi+Django的web开发环境安装及配置

    Nginx+Python+uwsgi+Django的web开发环境安装及配置 nginx安装 nginx的安装这里就略过了... python安装 通常系统已经自带了,这里也略过 uwsgi安装 官网 ...

  4. MAC开发环境安装

    MAC开发环境安装 安装sancha cmd: 安装: https://www.sencha.com/products/extjs/cmd-download/ cmd运行 $ open .bash_p ...

  5. Linux 桌面玩家指南:18. 使用 Docker 隔离自己的开发环境和部署环境

    特别说明:要在我的随笔后写评论的小伙伴们请注意了,我的博客开启了 MathJax 数学公式支持,MathJax 使用$标记数学公式的开始和结束.如果某条评论中出现了两个$,MathJax 会将两个$之 ...

  6. 三、安装cmake,安装resin ,tars服务,mysql 安装介绍,安装jdk,安装maven,c++ 开发环境安装

    三.安装cmake,安装resin 2018年07月01日 21:32:05 youz1976 阅读数:308   开发环境说明: centos7.2 ,最低配置:1核cpu,2G内存,1M带宽 1. ...

  7. windows/Linux下设置ASP.Net Core开发环境并部署应用

    10分钟学会在windows/Linux下设置ASP.Net Core开发环境并部署应用 创建和开发ASP.NET Core应用可以有二种方式:最简单的方式是通过Visual Studio 2017 ...

  8. React Native 开发环境安装和配置使用报错: -bash: react-native: command not found

    [React  Native 开发环境安装和配置:-bash: react-native: command not found 报错: 前提是安装homebrew,node.js ,npm ,watc ...

  9. Laravel本地环境搭建:Homestead开发环境的部署

    Laravel框架在php开发过程是不断进行优化的,当然也包括了本地环境的开发,下面我们就来具体看看laravel框架中的Homestead 开发环境的部署内容. 首先白以下几个概念 VirtualB ...

随机推荐

  1. LAMP搭建Discuz论坛

    搭建Discuz论坛 1.  准备LAMP环境 LAMP是Linux,Apache,MySql和PHP的缩写,是Discuz论坛系统依赖的基础运行环境 1.安装Apache2 Ubuntu需要安装Ap ...

  2. javascript中的对象创建与继承

    js是一门基于原型的面向对象语言,与传统的面向对象如Java,C#相比,它在对象创建及继承上有自己独特的实现方式,本文主要描述js中对象创建及继承的一些实践. 1.对象创建 方式一:工厂模式创建对象 ...

  3. 【BZOJ 1528】 1528: [POI2005]sam-Toy Cars (贪心+堆)

    1528: [POI2005]sam-Toy Cars Description Jasio 是一个三岁的小男孩,他最喜欢玩玩具了,他有n 个不同的玩具,它们都被放在了很高的架子上所以Jasio 拿不到 ...

  4. PM过程的一些典型场景和问题

    如何进行团队激励 如何进行目标管理 如何进行绩效考核 如何处理团队沟通(技巧) 详述几种软件过程理论 需求分析和度量 测试过程和工具 开发管理过程

  5. Gauss 消元(模板)

    /* title:Gauss消元整数解/小数解整数矩阵模板 author:lhk time: 2016.9.11 没学vim的菜鸡自己手打了 */ #include<cstdio> #in ...

  6. 【深度搜索+剪枝】POJ2362-Square

    从昨天晚上写到现在,一直在TLE,现在终于剪枝完成了_(:зゝ∠)_ [思路] 深搜:用这类型组合题目最基本的深搜,变量side记录当成已经组成了几条变,sl表示当前在组合的边已经有的长度.如果当前s ...

  7. 1.3 (JavaScript学习笔记)JavaScript对象

    在JavaScript中所有事物都是对象,字符串.数值.数组.函数...等, JavaScript还允许自定义对象.这些在1.1中有所介绍. 一.遍历对象属性 <!DOCTYPE html> ...

  8. Node.js+MySQL管理工作的详细信息所遇到的问题

    问题陈述: Error: ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Incorrect string value: '\xE8\xB4\xAD\xE7\x89\xA9' ...

  9. [转]OpenSessionInView模式

    OpenSessionInView模式解决的问题:   * hibernate事物边界问题   * 因session关闭导致hibernate延迟加载例外的问题 事物边界:     一个事物的完成应该 ...

  10. Jenkins构建Maven多模块项目时,单独编译子模块,并且不触发构建其它模块

    一.Jenkins构建Maven多模块项目时,单独编译子模块 配置: 1.Root POM指向父pom.xml 2.Goals and options指定构建模块的参数:mvn -pl jsoft-w ...