001-使用idea开发环境安装部署,npm工具栏,脚本运行
一、概述
参看官方文档: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工具栏,脚本运行的更多相关文章
- 001、JAVA开发环境安装与eclipse软件第一印象
折腾了快1个星期,一直没有成功装好JAVA环境,eclipse一直打不开,java环境配置的问题真是不得不吐槽一下,太烂了.今天反反复复折腾好久,终于搞定了.用的金山毒霸,方法如下: 一.打开金山毒霸 ...
- legend3---Windows 7/8/10 系统下Laravel框架的开发环境安装及部署详解(Vagrant + Homestead)
legend3---Windows 7/8/10 系统下Laravel框架的开发环境安装及部署详解(Vagrant + Homestead) 一.总结 一句话总结: 1.安装的话就是下载好git,va ...
- Nginx+Python+uwsgi+Django的web开发环境安装及配置
Nginx+Python+uwsgi+Django的web开发环境安装及配置 nginx安装 nginx的安装这里就略过了... python安装 通常系统已经自带了,这里也略过 uwsgi安装 官网 ...
- MAC开发环境安装
MAC开发环境安装 安装sancha cmd: 安装: https://www.sencha.com/products/extjs/cmd-download/ cmd运行 $ open .bash_p ...
- Linux 桌面玩家指南:18. 使用 Docker 隔离自己的开发环境和部署环境
特别说明:要在我的随笔后写评论的小伙伴们请注意了,我的博客开启了 MathJax 数学公式支持,MathJax 使用$标记数学公式的开始和结束.如果某条评论中出现了两个$,MathJax 会将两个$之 ...
- 三、安装cmake,安装resin ,tars服务,mysql 安装介绍,安装jdk,安装maven,c++ 开发环境安装
三.安装cmake,安装resin 2018年07月01日 21:32:05 youz1976 阅读数:308 开发环境说明: centos7.2 ,最低配置:1核cpu,2G内存,1M带宽 1. ...
- windows/Linux下设置ASP.Net Core开发环境并部署应用
10分钟学会在windows/Linux下设置ASP.Net Core开发环境并部署应用 创建和开发ASP.NET Core应用可以有二种方式:最简单的方式是通过Visual Studio 2017 ...
- React Native 开发环境安装和配置使用报错: -bash: react-native: command not found
[React Native 开发环境安装和配置:-bash: react-native: command not found 报错: 前提是安装homebrew,node.js ,npm ,watc ...
- Laravel本地环境搭建:Homestead开发环境的部署
Laravel框架在php开发过程是不断进行优化的,当然也包括了本地环境的开发,下面我们就来具体看看laravel框架中的Homestead 开发环境的部署内容. 首先白以下几个概念 VirtualB ...
随机推荐
- LAMP搭建Discuz论坛
搭建Discuz论坛 1. 准备LAMP环境 LAMP是Linux,Apache,MySql和PHP的缩写,是Discuz论坛系统依赖的基础运行环境 1.安装Apache2 Ubuntu需要安装Ap ...
- javascript中的对象创建与继承
js是一门基于原型的面向对象语言,与传统的面向对象如Java,C#相比,它在对象创建及继承上有自己独特的实现方式,本文主要描述js中对象创建及继承的一些实践. 1.对象创建 方式一:工厂模式创建对象 ...
- 【BZOJ 1528】 1528: [POI2005]sam-Toy Cars (贪心+堆)
1528: [POI2005]sam-Toy Cars Description Jasio 是一个三岁的小男孩,他最喜欢玩玩具了,他有n 个不同的玩具,它们都被放在了很高的架子上所以Jasio 拿不到 ...
- PM过程的一些典型场景和问题
如何进行团队激励 如何进行目标管理 如何进行绩效考核 如何处理团队沟通(技巧) 详述几种软件过程理论 需求分析和度量 测试过程和工具 开发管理过程
- Gauss 消元(模板)
/* title:Gauss消元整数解/小数解整数矩阵模板 author:lhk time: 2016.9.11 没学vim的菜鸡自己手打了 */ #include<cstdio> #in ...
- 【深度搜索+剪枝】POJ2362-Square
从昨天晚上写到现在,一直在TLE,现在终于剪枝完成了_(:зゝ∠)_ [思路] 深搜:用这类型组合题目最基本的深搜,变量side记录当成已经组成了几条变,sl表示当前在组合的边已经有的长度.如果当前s ...
- 1.3 (JavaScript学习笔记)JavaScript对象
在JavaScript中所有事物都是对象,字符串.数值.数组.函数...等, JavaScript还允许自定义对象.这些在1.1中有所介绍. 一.遍历对象属性 <!DOCTYPE html> ...
- Node.js+MySQL管理工作的详细信息所遇到的问题
问题陈述: Error: ER_TRUNCATED_WRONG_VALUE_FOR_FIELD: Incorrect string value: '\xE8\xB4\xAD\xE7\x89\xA9' ...
- [转]OpenSessionInView模式
OpenSessionInView模式解决的问题: * hibernate事物边界问题 * 因session关闭导致hibernate延迟加载例外的问题 事物边界: 一个事物的完成应该 ...
- Jenkins构建Maven多模块项目时,单独编译子模块,并且不触发构建其它模块
一.Jenkins构建Maven多模块项目时,单独编译子模块 配置: 1.Root POM指向父pom.xml 2.Goals and options指定构建模块的参数:mvn -pl jsoft-w ...