【Day2】VsCode相关套件安装及建立React专案和React的小小介绍!!

上一篇有提到说，这次使用的IDE是超级好用的VsCode，相信各位看官们也都下载好了

安装完毕，打开後会长这样 ↓

红色的圈圈点下去就是可以下载套件的地方了

VsCode 可以下载很多套件，那小菜鸟这边就介绍几个好用而且常用到的套件!

首先,如果觉得原文看起来很吃力的话，VsCode很贴心地帮我们准备了中文版套件

1. 中文版

   

2. HTML CSS Support (用来帮助我们更快找到id,class...等)

   

3. IntelliSense for Css class names in HTML
   (用来帮助我们在HTML里面更快找到CSS的class)

   

4. JS JSX Snippets (支援JS的JSX语法)

   

5. JS-CSS-HTML Formatter (帮助JS,CSS,HTML格式化)

   

React和其他两个前端框架的小小比较/创建React专案

套件都安装完了，来讲讲我们React的起源吧，

React的起源是来自FB，像是现在各位用的IG网站就是使用React来开发的，

React的优点是高效能高效率，适合用於数据不断变化的大型应用程序，

React是透过Component(组件)和单向数据流来开发的

如果说拿Vue,Angular,React来做比较的话，React算是最近比较流行的前端框架，

虽然说Vue也是个大宗(原因是因为Vue的中文文档非常完善，很容易上手),
Angular就相对难上手了..

这次介绍React的原因前面有提到是因为小菜鸟的公司是使用React

(但其实小菜鸟有自己偷偷学了Vue,等有机会的时候再来分享学习的结果)

现在来讲一下，要创建一个React专案的方法!
(後面介绍到测试的时候，会用更快速的方法来创建React专案)

• 先在所选择的目录下，执行npx create-react-app 专案名称

npx create-react-app my-first-react-project

• 执行npm start 来确认专案是否可以正常开启

在建立react-app的时候，它会替我们安装好React及React-Dom

creat-react-app在建立专案的时候替我们把基本react套件安装完毕了!

下一篇就来开始我们的React吧!!