资讯专栏INFORMATION COLUMN

React入门系列 - 1 开发环境搭建

XGBCCC / 2548人阅读

摘要:重启完成电脑之后,按输入。打开命令行工具,输入。如果正常输入了或者更高的版本号,表明你已经安装成功了在自己的电脑中。语法快捷输入扩展安装点此下载进入网站之后,点击右边的即可下载符合你当前系统的版本。

1. 工欲善其事 必先利其器 1.1 开发工具

Visual Studio Code [[点击下载]](https://code.visualstudio.com...

轻量级、功能强大的代码编辑工具

Node.js [[点击下载]](https://nodejs.org/en/download/)

前端开发必备
1.1.1 安装Node.js
window安装

点此 下载 完成之后,双击已经下载的安装包。
一路下一步。直到需要你重启电脑。

重启完成电脑之后,按 Win+R 输入 cmd。 打开命令行工具,输入node -v。如果正常输入了v10.15.0或者更高的版本号,表明你已经安装成功了Node.js在自己的电脑中。

Mac安装

点此 下载 完成之后,双击已经下载的安装包。
一路下一步。直到需要你重启电脑。

重启完成电脑之后,打开Application中的实用工具。打开控制台程序,输入node -v。如果正常输入了v10.15.0或者更高的版本号,表明你已经安装成功了Node.js在自己的电脑中。

1.1.2 安装Visual Studio Code
window安装

通过[[点击下载]](https://code.visualstudio.com...,得到一个安装包,根据自己的需要选择安装目录。安装完成之后,VS Code 会出现在你的桌面上。

Mac安装

通过[[点击下载]](https://code.visualstudio.com...,得到一个pkg安装包,打开之后默认安装。安装完成之后,VS Code 会出现在你的Application中,你可以将VS Code锁定在Mac的dock中。

1.1.3 VisualStudio Code 插件选择
Chinese (Simplified) Language Pack for Visual Studio Code
VS Code中文语言包,在当前国情下应该是必要的插件。
ESLint
对你的JS代码格式进行强校验
Git History
查看当前文件的Git提交记录
GitLens — Git supercharged
非常强大的Git辅助工具,直接使VS Code 比肩 webstorm。
JavaScript (ES6) code snippets
ES6 语法快捷输入扩展
1.2 安装Git

Git [[点此下载]](https://git-scm.com/)

进入网站之后,点击右边的Download即可下载符合你当前系统的git版本。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/100886.html

相关文章

  • 前端相关大杂烩

    摘要:希望帮助更多的前端爱好者学习。前端开发者指南作者科迪林黎,由前端大师倾情赞助。翻译最佳实践译者张捷沪江前端开发工程师当你问起有关与时,老司机们首先就会告诉你其实是个没有网络请求功能的库。 前端基础面试题(JS部分) 前端基础面试题(JS部分) 学习 React.js 比你想象的要简单 原文地址:Learning React.js is easier than you think 原文作...

    fuyi501 评论0 收藏0
  • React 可视化开发工具 Shadow Widget 非正经入门(之五:指令式界面设计)

    摘要:本篇解释中类的控制指令,与指令式界面设计相关。本专栏历史文章介绍一项让可以与抗衡的技术可视化开发工具非正经入门之一三宗罪可视化开发工具非正经入门之二分离界面设计可视化开发工具非正经入门之三双源属性与数据驱动可视化开发工具非正经入门之四 本系列博文从 Shadow Widget 作者的视角,解释该框架的设计要点。本篇解释 Shadow Widget 中类 Vue 的控制指令,与指令式界面...

    pinecone 评论0 收藏0
  • 【IPFS + 区块链 系列入门篇 - IPFS + Ethereum (上篇)-js-ipfs

    作者:黎跃春,孔壹学院创始人,区块链、高可用架构师 微信:liyc1215 区块链博客:http://liyuechun.org Ebay项目 基于以太坊Ethereum & IPFS的去中心化Ebay区块链项目详情链接 showImg(https://segmentfault.com/img/remote/1460000012138807?w=1022&h=500); 目录 1. 内容简介 ...

    VincentFF 评论0 收藏0
  • 2017-07-04 前端日报

    摘要:前端日报精选一起探索的众成翻译性能优化杀手掘金入门知乎专栏用实现无限循环的无缝滚动蚊子的博客前端每周清单组件解耦之道基于的自动化测试是否为时已晚中文译如何在无损的情况下让图片变的更小掘金第期用上古思想写现代前端踩坑集锦掘金 2017-07-04 前端日报 精选 一起探索 ES6 的 Generators - 众成翻译V8 性能优化杀手 - 掘金入门TypeScript React - ...

    kelvinlee 评论0 收藏0

发表评论

0条评论

XGBCCC

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<