前言:本文我们将讨论ubuntu中webstorm的安装以及基本React环境搭建

一、安装JDK

下载webstorm之前我们要确定已经下载了jdk,这是必须的否则会在之后的操作提示你无法打开wenstorm。因为你没有安装或是版本太低。其实jdk的安装很简单

首先输入一下代码检查一下jdk版本。

java -version

好的,一般新安装的ubuntu是没有jdk环境的,它会给你一列提示告诉你你输入的指令没有找到,而且告诉你,你输入包含在以下这些当中。其中会有openjdk-XXXXX,你只需选择一个最新版本输入一下指令就可以完成下载

sudo apt-get install openjdk-xxxxxxx(选择相应的型号)

二、下载webstorm

三、React.App环境配置

首先你要进入你刚刚新建的文件中在bin目录下右键点击之后点击进入终端,然后输入./webstorm.sh启动程序

当你进入webstorm新建React App项目时

你会发现你是无法建立的因为你并没有下载“手脚架”(create-react-app)

create-react-app是来自于Facebook出品的零配置命令行工具脚手架,能够帮你自动创建基于Webpack+ES6的最简易的React项目模板

网站链接:https://blog.csdn.net/qtfying...

webstorm 创建react组件_webstorm的下载以及React环境搭建相关推荐

  1. 为react组件增加扩展class,解决react组件不能自定义className不生效的问题

    这里写自定义目录标题 为react组件增加扩展class,解决react组件不能自定义className不生效的问题 最近在写shopify,发现不能对shopify的组件再次加class,弄起来很麻 ...

  2. 非常贴心的Anaconda3 + Pycharm2020+ OpenCV 下载安装及环境搭建教程

    Opencv基于Python图像处理环境搭建 目标 前言 1. 下载Anaconda和Pycharm 1.1 下载Anaconda 1.1.1 安装Anaconda 1.1.2 给Anaconda3添 ...

  3. react组件类型及深入理解react高阶组件

    React中常见的组件类型及分类: 1.展示组件(Presentational component) 与 容器组件(Container component) 2.类组件(Class component ...

  4. React Native从入门到实战--开发环境搭建

    前言: 从今天起开启一门全新的课程学习,就是React Native,远在18年https://www.cnblogs.com/webor2006/p/9350428.html其实当时就已经做过开篇, ...

  5. python3程序下载安装_Python3 环境搭建

    Python3 环境搭建 本章节我们将向大家介绍如何在本地搭建 Python3 开发环境. Python3 可应用于多平台包括 Windows.Linux 和 Mac OS X.Unix (Solar ...

  6. react 组件怎么公用_用 react 做一个跟随组件的 tooltip

    定位的难题 你可能听说国很多关于定位型组件种类.名词:popup, tooltip, popover, overlay...(后面将统称为 overlay).这些都是定位型组件,当你需要触发显示它们的 ...

  7. react 组件怎么公用_在React中的组件之间共享数据

    我正在开发使用Meteor和React作为视图引擎的应用程序 考虑下图: 当触发C4按钮单击事件时,我需要更改C2组件状态.由于他们没有直接关系,因此我无法直接从C4进入C2状态. 另一个示例是从Co ...

  8. 包无法安装_R语言基础教程——第2章:R下载安装和环境搭建

    R语言安装包下载 官网下载R安装包 下载地址为:https://cran.r-project.org 进入链接,如下图所示,在页面顶部提供了三个下载链接,分别对应三种操作系统:Windows.Mac和 ...

  9. Android 8.0源码下载及编译环境搭建

    最近在Ubuntu14.04上下载Android源码遇到的各种问题总结.网上搜到的各种搭建环境的文章,总是会出现一些这样那样的问题. 1.Ubuntu14.04镜像下载地址 Ubuntu14.04 2 ...

最新文章

  1. 在博客以及jupyter notebook 中编写数学公式
  2. 【已修正】SAP中各个环境的简介
  3. 利用SAP内置功能生成Search Help
  4. Bug之Yii继承类的
  5. Freemarker模板引擎
  6. CC254x--BLE
  7. php html5 案例,35个非常好的HTML5+CSS3实例
  8. 疑似华为Mate X2通过3C认证:麒麟9000还是很悬...
  9. 这位29岁MIT美女博士究竟是如何“造”出人类史上首张黑洞照片的?
  10. 集中火力,专项击破!数据分析可视化广深线下培训火热来袭
  11. mysql使用变量填值为数组_MySQL如何有效的存储IP地址?
  12. 货物与产品的区别_商品与产物的区别
  13. 安卓模拟器安装教程_安卓模拟器测试总结!究哪个最流畅?内附模拟换IP教程...
  14. 水题 ZOJ 3880 Demacia of the Ancients
  15. HTML基本结构标签
  16. 计算机磁盘管理没有打开方式,Win10系统双击磁盘和文件夹打不开提示没有与之关联的程序怎么办...
  17. 成功8要素Unveiling the Secrets of success in 8 words – Richard St. John’s 4 minute TED talk
  18. 诺华制药:一家被低估的瑞士制药巨头
  19. 解决wordcloud导出图片不清楚
  20. VS2019c++配置GDAL和HDF库新手入门

热门文章

  1. IDEA下Springcloud框架搭建(一)之服务注册与发现
  2. springboot报告如下一个异常
  3. python无效语法怎么解决_在Python的Django框架中调用方法和处理无效变量
  4. 选择在何处重构(下)
  5. 利达主机联网接线端子_拾遗●接线端子或连接器(1)
  6. C#中的矩阵乘法——对图像应用变换
  7. 使用Visual Studio Code设置Python开发环境
  8. 理解函数的相关概念python_Python函数的概念和使用
  9. python爬虫实践目的_Python编写爬虫实践
  10. ssm框架数据查询一直为null