• 根据自己最近学习react 视频,下面谈谈如何去创建一个react项目 准备工作: ES6语法、html5、css3、JSX语法 node.js 这里我们根据react官网中给出的安装react项目步骤来创建一个react项目。 打开react官网,可以是...

    根据自己最近学习react 视频,下面谈谈如何去创建一个react项目
    准备工作:
    ES6语法、html5、css3、JSX语法
    node.js

    这里我们根据react官网中给出的安装react项目步骤来创建一个react项目。
    打开react官网,可以是中文文档,当然,如果你的英文水平支持的话,可以去查看react英文的官方文档,英文的官方文档的内容相比较于中文文档会更加准确些。

    在这里插入图片描述

    这里我们打开的是react的中文文档官网,我们点击左上角的文档。出现下面的页面:
    在这里插入图片描述

    这是react官网提供的学习文档,想要学习react相关概念内容的,可以通过这个文档去学习react相关内容。

    之后,我们需要点击右侧菜单栏中的安装按钮。
    在这里插入图片描述
    点击第二项,使用React开发新项目。
    在这里插入图片描述
    进入上述页面后,我们下拉左侧内容部分,可以看到下图(Create React App):
    在这里插入图片描述
    上面描述的是如果创建一个react-app的方式,可以看到,这里是需要用到的是create-react-app脚手架。因此,我们需要先通过npm去下载create-react-app脚手架,它可以帮助我们快速的去搭建react项目。

    1. 通过npm下载 create-react-app

    由于我们需要去使用create-react-app,因此我们可以通过npm下载create-react-app。

    这里我直接给出如何通过npm安装全局create-react-app脚手架的方式。当然你也可以通过网上搜索如何去下载它。

    npm install -g create-react-app
    

    2.根据官网给出的安装内容,我们现在在已经安装好了create-react-app的情况下,开始正式通过create-react-app去安装我们的react项目。

    查看上面我标记有Create-React-App的图中,我们接下来的操作是:打开你的命令行(windows系统下,无论是GitCMD、cmd、还是node.js都可以)

    通过命令行命令或直接右击桌面,将命令行路径定位到桌面上(Desktop)上

    之后输入命令(npx create-react-app 项目名称):

    在这里插入图片描述

    上图中项目名称为官方给出demo的my-app,当然你也可以自己起项目名称。

    输入后回车。等待它创建好你的项目。

    3.启动你的react项目
    在这里插入图片描述
    分开输入上面两行命令即可。

    他的意思是:你需要先进入到你新创建的项目路径下,通过npm start命令创建服务,在你本地创建了一个3000端口后的服务。

    在你运行完上面两行命令之后,他会自动帮你打开页面地址为http://localhost:3000的页面了。如下图:
    在这里插入图片描述
    这时,你可以打开桌面或你自己创建项目路径上的react项目文件夹。可以观察他的文件结构:
    在这里插入图片描述

    这样,你就成功创建了一个最简单的react项目了。
    d=====( ̄▽ ̄*)b!!!

    展开全文
  • 随着react的流行,越来越多的前端工程师使用react来进行开发,当时用react时,creact-react-app无疑进入了大家的眼帘,本篇文章主要讲述如何从无到有的使用creact-react-app开发react应用,然后本地调试,直到最后的...

            随着react的流行,越来越多的前端工程师使用react来进行开发,当时用react时,creact-react-app无疑进入了大家的眼帘,本篇文章主要讲述如何从无到有的使用creact-react-app开发react应用,然后本地调试,直到最后的上线运行。

    本篇文章内容结构说明,主要有以下12个部分:

    1. 安装nodejs

    2.使用nodejs的npm包安装create-react-app模块

    3. 使用creat-react-app模块创建我们的项目

    4. 了解控制我们项目运行测试打包的几个命令

    5. 通过npm start运行我们的项目

    6. 查看生产的项目目录的结构,并了解其作用

    7. 开始创建几个我们自己的组件

    8. 再次运行我们的项目

    9. 开始打包生产环境中需要的代码

    10. 将我们的代码部署进入我们的服务器

    11. ok,上线了,我们可以让用户正式访问了

    12. 维护调试

    一、安装node:

    我们要用create-react-app来开发react,首先要通过包管理器安装create-react-app,而包管理器一般安装了nodejs后会自带的,所以我们的第一步是在我们的电脑上安装node。

    请参考以下nodejs安装教程:

    Node.js安装配置

    二、检测npm包是否可用:

    安装好后,并且也配置进入了环境变量,然后我们来检测下你的npm包是否可用,打开cmd窗口,输入npm -v 进行检测,如下所示,若显示版本号则说明安装成功,环境变量也配置成功,可用开始安装creact-react-app进行react开发了。如果,你输入npm -v后没有弹出版本号,那么可能是你的环境变量没有配置好。请参考下面的如何配置环境变量教程。

    环境变量是什么?如何配置环境变量

    三、使用 create-react-app 快速构建 React 开发环境

    create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。

    create-react-app 自动创建的项目是基于 Webpack + ES6 。

    执行以下命令创建项目:

    $ cnpm install -g create-react-app
    $ create-react-app project_name
    $ cd project_name/
    $ npm start在浏览器中打开 http://localhost:3000/ ,结果如下图所示:

    命令解释:

    npm : 表示调用的随node一起安装的npm包

    install : 顾名思义,就是安装的意思

    -g : 表示全局安装,安装后在系统的任意位置都能使用,这就是全局安装的意思

    create-react-app: 这就是我们要安装的模块

    提示:安装好后,如果你想卸载,可以直接把install改为uninstal即可,也就是在前面个un就可以表示卸载了。有时候卸载后在安装可能会报写错,此时你直接定位的create-react-app安装目录,然后把这个目录删除一般就能解决了。

    四、常用命令解释

    安装好后,他给你说了些命令,这些命令大致如下

      npm start

        命令作用:Starts the development server.

      npm run build

         命令作用:构建用于生产的静态代码【我们开发完成后,发布时就使用此命令获得我们想要的用于生产的代码放入服务器】

      npm test

         命令作用:运行测试服务器

      npm run eject

       命令作用:

        复制构建依赖关系,配置文件和脚本进入应用程序目录。(默认依赖关系是隐藏的,如果你执行此了操作,这你的项目就会出现此依赖关系)

    注意:此操作是不可逆的,

       如何开始你的项目:

      cd project_name

      npm start

    五、查看项目目录结构

    然后我们打开项目目录,可以看下其目录结构

    大致如下图所示,共有三个文件夹,四个文件

    解释如下:

    三个文件夹

     node_modules  //用来盛放你安装的所有node模块的文件夹

    public                //用来盛放所有公共资源的文件夹,比如html模板,项目图标

    src                     //用来盛放你自己代码的文件夹,默认生成app.js代码也在里面

    四个文件

    .gitignore       // 这个是用来定义那些在提交到远程代码库时要忽略的文件

    package.json //用来声明项目的各种模块安装信息,脚本信息等

    package-lock.json //用来锁定模块安装版本的,能确保大家安装的模块版本一致

    README.md  //盛放关于这个项目的说明文件(全英文的,有兴趣可以看看)

    1. src文件夹

      然后我们来重点看看src文件夹,因为我们的react组件代码待会也会写在里面。

      这里面的文件也不多,就四部分

      1、APP相关的js,css文件   //自动给我们创建的一个组件

      2、index相关的js,css文件

      3、一个logo.svg图标            //默认的一个简单图标文件

      4、 一个registerServiceWorker.js文件 //此文件能进行缓存一些资源,一般是用到生产环境的,主要是用来加快访问速度,

    2. 大致的分析下组件结构

      主要说些比较重要的文件

      1. 首先是public目录下盛放着index.html模板,如果开发单页应用,那么所有的代码都会渲染在这里。【index.html文件中也就三部分内容。1.通过meat标签引入的主页一个自适应的viewport声明。2. 通过link标签引入的一个项目基本 m配置文件anifest.json和图标,3. 一个用来让react组件渲染的div标签】

      2. 也是在public目录下的manifest.json文件,此文件记录着这个react的APP应用的基本配置信息,他类似于Android的AndroidManifest.xml

      3. 然后就是在scr目录下的index.js文件,他不是一个react组件,他是链接react与htnl模板的桥梁,所有的react组件最终都是由他进行渲染到html模板中。然后整个文件中引入了一个系统默认生成的组件APP,有index.js进行渲染。

      4. registerServiceWorker.js文件,这个文件是用于生产环境的,它可以缓存些资源,让用户在离线模式下也能访问缓存的内容,以给用户更好的体验,开发环境中没什么用处。。。

      5. 最后还有个app.test.js文件,主要是用来组件测试的,有兴趣可以取好好了解下,这里就不多讲这个。

    六、创建我们自己的组件

    1. 整个项目文件基本分析完了,然后我们就可以创建自己的组件了。

    2. 我们在src下新建一个目录:myselfComponent,用来盛放我们新创建的组件

    3. 我们分别创建两个组件C1,C2,他们分别各显示一句话即可,

    4. 然后我们在index.js里面引入C1,C2组件,

    5. 然后在浏览器查看运行效果


    C1.js

    import React, { Component } from 'react';

    import './C1.css';

     

    class C1 extends Component {

      render() {

        return (

          <div className="c1">

            Hello,我是在src/myselfComponent目录下的C1.js文件中的C1组件 我引入了相同目录下的 C1.css 文件,用来给我包含的文字设为红色

          </div>

          );

      }

    }

     

    export default C1;


    C2.js

    import React, { Component } from 'react';

    import './C2.css';

     

    class C2 extends Component {

      render() {

        return (

          <div className="c2">

            Hello,我是在src/myselfComponent目录下的C2.js文件中的C1组件 我引入了相同目录下的 C2.css 文件,用来给我包含的文字设为蓝色

          </div>

          );

      }

    }

     

    export default C2;


    index.js

    import React from 'react';

    import ReactDOM from 'react-dom';

    import './index.css';

    import App from './App';

    import C1 from './myselfComponent/C1.js';

    import C2 from './myselfComponent/C2.js';

    import registerServiceWorker from './registerServiceWorker';

     

    ReactDOM.render(

      <div>

        <C1/>

        <App />

        <C2/>

      </div>,

     

      document.getElementById('root'));

    registerServiceWorker();


    ok,css文件就不展示了,免得让你们眼睛看花了

     在浏览器中的运行效果

    可以看到,运行的非常完美

     再复杂点

    上面中,我们是把所有组件全部引入了index.js文件中,然后统一渲染的。但是在实际开发中组件间必然存在嵌套关系,就是一个组件里面嵌套着另一个组件,

    现在我们就来在写个组件C3,然后把他嵌套进APP组件中。


    C3.js

    import React, { Component } from 'react';

    import './C3.css';

     

    class C3 extends Component {

      render() {

        return (

          <div className="c3">

            Hello,我是在src/myselfComponent目录下的C3.js文件中的C3组件 我引入了相同目录下的 C3.css 文件,用来给我包含的文字设为粗体黄色

          </div>

          );

      }

    }

     

    export default C3;


    APP.js

     

    import React, { Component } from 'react';

    import logo from './logo.svg';

    import './App.css';

    import C3 from './myselfComponent/C3.js';

     

    class App extends Component {

      render() {

        return (

          <div className="App">

            <header className="App-header">

              <img

                   src={ logo }

                   className="App-logo"

                   alt="logo" />

              <h1 className="App-title">Welcome to React</h1>

            </header>

            <C3 />

            <p className="App-intro">

              To get started, edit <code>src/App.js</code> and save to reload.

            </p>

          </div>

          );

      }

    }

     

    export default App;


    七、打包为生产版

    ok,基本上还是很简单的,然后我们的项目开发演示完成了,现在我们来开始进行生成生产环境的代码(所谓生产环境就是值用来发布到服务器里面的代码,是根据我们开发环境的代码生成)

    执行命令:

    num run build

    执行此命令后,他会在我们的项目目录下创建一个build文件夹,里面存放的就是生产环境需要的代码了

    八、将其放在服务器中执行

    生成环境中的代码生成后就要开发发布了,也就是放到我们的服务器上,供用户访问使用

    这部就比较简单了,直接将build里面的所有文件复制到服务器的根目录下即可,如下(这里我是直接复制到我本地搭建的apach服务器的根目录里面的)

     在看浏览器里面的运行结果(我的apach服务器的端口为8087)

     九、将其放到远程服务里面部署

    刚刚演示的是本地服务器,现在我再将其放到远程服务器里面进行部署

    如果你不知道如何将文件上传到远程服务器,请参考这一篇文章

    怎么把H5上传到服务器

    在浏览器中访问,ok,一切正常

    注意:如果你不想将文件复制到根目录,那么你需要修改inde.html文件中对js和css文件的路径,不然无法正常访问。

     十、部署到服务器上后的维护

    当我们项目上线后可能还要开发新功能,也可能项目运行期间会出bug,此时该怎么办呢?

    1. 当要开发新功能时,我们直接在本地开发好,然后打包生产文件,最后直接放到远程服务器里面就可以了

    2. 当出问题后,我们可以直接在浏览器里面访问,然后在线的打开控制台调试,并修改运行中的html代码,当改好后,再在本地修改即可。当然如果bug很复杂的话,那就需要认真思考了,不过要相信没有解决不了的bug

    再总结下:流程如下

    1. 安装nodejs

    2.使用nodejs的npm包安装create-react-app模块

    3. 使用creat-react-app模块创建我们的项目

    4. 了解控制我们项目运行测试打包的几个命令

    5. 通过npm start运行我们的项目

    6. 查看生产的项目目录的结构,并了解其作用

    7. 开始创建几个我们自己的组件

    8. 再次运行我们的项目

    9. 开始打包生产环境中需要的代码

    10. 将我们的代码部署进入我们的服务器

    11. ok,上线了,我们可以让用户正式访问了

    12. 维护调试

    到此,这篇文章就算完了,简单的讲了下,如何从无到有的搭建react开发环境,创建react项目,开发自己的项目,最后部署自己的项目,然后在运营期间的维护等。

    展开全文
  • 从头开始建立一个React App - 项目基本配置 npm init 生成 package.json 文件. 安装各种需要的依赖: npm install  --save react - 安装React. npm install  --save react-dom 安装React Dom,这个包是用来处理...

    从头开始建立一个React App - 项目基本配置
    npm init 生成 package.json 文件.
    安装各种需要的依赖:
    npm install
     --save react - 安装React.
    npm install
     --save react-dom 安装React Dom,这个包是用来处理virtual DOM。这里提一下用React Native的话,这里就是安装react-native。
    npm install
     --save-dev webpack - 安装Webpack, 现在最流行的模块打包工具.
    npm install
     --save-dev webpack-dev-server - webpack官网出的一个小型express服务器,主要特性是支持热加载.
    npm install
     --save-dev babel-core - 安装Babel, 可以把ES6转换为ES5,注意Babel最新的V6版本分为babel-cli和babel-core两个模块,这里只需要用babel-cor即可。
    安装其他的babel依赖(babel真心是一个全家桶,具体的介绍去官网看吧..我后面再总结,这里反正全装上就是了):
    npm install
     --save babel-polyfill - Babel includes a polyfill that includes a custom regenerator runtime and core.js. This will emulate a full ES6 environment
    npm install
     --save-dev babel-loader - webpack中需要用到的loader.
    npm install
     --save babel-runtime - Babel transform runtime 插件的依赖.
    npm install
     --save-dev babel-plugin-transform-runtime - Externalise references to helpers and builtins, automatically polyfilling your code without polluting globals.
    npm install
     --save-dev babel-preset-es2015 - Babel preset for all es2015 plugins.
    npm install
     --save-dev babel-preset-react - Strip flow types and transform JSX into createElement calls.
    npm install
     --save-dev babel-preset-stage-2 - All you need to use stage 2 (and greater) plugins (experimental javascript).
    打开 package.json 然后添加下面的scripts:

    "scripts": {
     "start": "webpack-dev-server --hot --inline --colors --content-base ./build",
     "build": "webpack --progress --colors"
    }
    命令行输入 npm start 将要启动webpack dev server.

    命令行输入 npm build 将会进行生产环境打包.

    启动webpack

    Webpack是我们的打包工具,在我们的开发环境中具体很重要的作用,具有很多非常便捷的特性,尤其是热加载hot reloading. webpack.config.js 是如下所示的webpack的配置文件. 随着app的不断变化,配置文件也会不断的更新,这里我们就用默认的webpack.config.js来命名这个配置文件,假如你用别的名字比如webpack.config.prod.js那么上面的脚本build就需要相应的改变指定相应的配置文件名字:"build":
     "webpack webpack.config.prod.js --progress --colors"

    var webpack = require('webpack');
    module.exports = {
     entry: './src/app.js',
     output: {
         path: __dirname + '/build',
         filename: "bundle.js"
     },
     module: {
         rules: [{
             test: /\.js$/,
             exclude: /node_modules/,
             loader: 'babel-loader',
             query: {
                 plugins: ['transform-runtime'],
                 presets: ['es2015', 'react', 'stage-2']
             }
         }, {
             test: /\.css$/,
             loader: "style-loader!css-loader"
         }]
     }
    };
    OK,我们项目的基本配置终于完成了,是时候开始写Reac代码了.
    React 基础 - 建立你的第一个Component
    在上面的项目的基本配置基础上,我们开始书写React的第一个组件来熟悉React的写法与组件思想。

    首先我们在项目根目录中新建一个 index.html 文件。 在这个基础工程中, 我们使用bootstrap的样式,直接引入一个cdn即可. 然后添加一个html标签 <div id="app"></div>,我们的app就会注入到这个div中。 最后再引入 <script src="bundle.js"></script>,这是最后打包生成的js代码。

    以下是完整的代码:

     <!DOCTYPE html>
     <html lang="en">
     <head>
       <meta charset="UTF-8">
       <title>Document</title>
       <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
     </head>
     <body>
       <div id="app"></div>
       <script src="bundle.js"></script>
     </body>
     </html>

    展开全文
  • 一、核心步骤 1. 使用 npm install create-react-app 命令...1. 新建一个文件夹 react; 2. 按住shift,右键选择“在此处打开 PowerShell 窗口”(也可以通过 win+R 命令一层层进入到该目录下,或者直接用编辑器打...

    一、核心步骤

    1. 使用 npm install create-react-app 命令安装初始化工具;

    2. 使用 create-react-app myapp 命令安装React 官方脚手架。

    二、详细步骤

    1. 新建一个文件夹 react;

    2. 按住shift,右键选择“在此处打开 PowerShell 窗口”(也可以通过 win+R 命令一层层进入到该目录下,或者直接用编辑器打开文件夹);

    3. 输入命令 npm install create-react-app

    4. 继续输入命令 create-react-app myapp;其中 myapp 是项目名称,可按自己项目情况取;

    5. 加载完成之后,执行 cd myapp 进入到 myapp 目录下;(注意一定要先进入到 myapp 目录下);

    6. 执行 npm start 就可以打开脚手架页面了,打开的页面如下所示。 

    展开全文
  • 创建第一个React项目

    2018-09-16 15:08:10
    .环境准备:  1.下载安装VSCode,Node.js,Yarn  网址如下:1.VSCode:https://code.visualstudio.com/  2.Node.js:https://nodejs.org/en/  3.yarn:https://yarnpkg....

    一.环境准备:

        1.下载安装VSCode,Node.js,Yarn
            网址如下:1.VSCode:https://code.visualstudio.com/
                              2.Node.js:https://nodejs.org/en/
                              3.yarn:https://yarnpkg.com/en/docs/install 

        2.将npm镜像改为淘宝cnpm:
               1.得到原本的镜像地址:
                       npm get registry
                       > https://registry.npmjs.org/
               2.设置成淘宝的(超级管理员):
                      npm config set registry http://registry.npm.taobao.org/
               3.换成原来的:
                      npm config set registry https://registry.npmjs.org/

    二.开始构建项目:  
    3.打开终端,输入yarn global add create-react-app 安装react的脚手架create-react-app
      4.打开VSCode的Extensions搜索下列插件,安装插件
              必要:ESLint、DocumentThis、EasyLess、Complete JSDoc Tags、vscode-flow-ide、React native Tools、vscode-                               wechat、npm、babel-javascript、debugger for chrome、git lens、node debug
              可选:javascript (ES6) code snippets、reactjs code snippets、react-native/react/redux snippets for es6/es7、highlight                          bad chars、color highlight、Path Intellisense、partial diff
      5. 利用VSCode新建第一个React项目
           1、VSCode编辑器中使用快捷键ctrl+`打开终端 
           2、在终端输入create-react-app demo,自动创建名称为demo的项目 
           3、cd demo进入demo项目中 
           4、yarn start或yarn build运行项目
           5.此时,一个React项目就搭建成功。使用VScode搭建React要简单很多,配置信息都可以省去。直接开始编写组件就可以               了。

    三.React基础巩固:
    7.react入门教程:
          1.快速上手:http://www.runoob.com/react/react-tutorial.html 
          2.ES6学习:http://es6.ruanyifeng.com/#docs/intro
          3.视频入门
           百度传课,腾讯课堂,网易课堂,盘多多直接搜百度网盘(http://www.panduoduo.net/
           需要简单的了解ES6:https://study.163.com/course/courseMain.htm?courseId=1003594007
     
    ####参考文献:
    1. https://blog.csdn.net/qq_35938548/article/details/79107160    ——VSCode使用教程
    2.https://www.cnblogs.com/zycbloger/p/6210049.html              ——npm改成cnpm
    3.https://blog.csdn.net/github_squad/article/details/57452333    ——第一个react项目
    4.https://www.jb51.net/article/138067.htm      ——手动搭建React项目
    5.https://blog.csdn.net/u012805132/article/details/80537319   ——创建第一个react项目

    本内容由安康学院“雨季”原创!
     

    展开全文
  • 在学习React的过程中,研究其他人react项目,是很好的方式。由于react项目,有许多的依赖包,而且一般在上传源码的过程中都不会上传node_modules下的依赖包,因此在运行其他人的react项目时,需要自己在本地...
  • 距离上次提及React的内容差不多也快1年多了,然后这一年里平胸而论觉得进步不多,然后最近因为业务需要然后都在做一些前端的工作。 然后以前都是从npm init一路自己撸到配置package.json到scripts那些,现在...
  • 目前react搭配webpack使用就像豆浆配油条一样常见,我主要总结一下开始一个react项目需要安装的一些插件以及需要配置的webpack,比如支持JSX语法,ES6语法,打包js,支持eslint代码检查等等。
  • 这是facebook团队的一个项目,可以快速搭建一个react项目结构,容易上手,非常适合像我这样的初学者。 步骤 node.js环境: 首先你得安装这个,因为后续的npm命令是基于这个的,不赘述。 直接安装: 运行npm...
  • react的功能其实很单一,主要负责渲染的功能,现有的框架,比如angular是一个大而全的框架,用了angular几乎就不需要用其他工具辅助配合,但是react不一样,他只负责ui渲染,想要做好一个项目,往往需要其他库和工具...
  • React项目中使用Eslint

    2019-06-28 11:32:30
    我们如果在React中使用Eslint做代码格式化,首先要有一个React项目,这里不是讲解React项目的,所以项目创建略过,不会的自己百度。 1. 安装并创建配置文件 这里直接使用命令安装,我们采用全局的安装方式: npm ...
  • 使用 create-react-app 构建一个 react 项目的基础架构 包括: react-router4.0 的使用 axios 获取远程api内容 从 flux -&gt; redux -&gt; redux-sage 迁移转变的过程,mobx 本教程并未涉及,有兴趣的...
  • 王亟亟的大牛之路最近都赋闲,然后前些天开了会就是关于“不加班就得死“的死命令,作为抵制加班的先头兵,我感觉我时日无多是时候加快武装自己的速度不然吃土都不配了,就在这大条件下捡起我丢在地上的React。...
  • 1)构建:使用create-react-app 快速脚手架 create-react-app的安装 npm install -g create-react-app # Windows sudo npm install -g create...创建React项目 create-react-app my-app 进入这文件夹 cd my-ap...
  • #架构设计图
  • 1、在想要使用react.js之前,电脑上需要安装好node.js。如果没有安装的要先去官网或者其他途径下载安装并配好环境。然后在命令窗口输入以下...3、安装成功后打开软件界面,选择新建一个项目,这里新建的项目工程名...
  • 在开始一个React项目(三)路由基础(v4)中我大概总结了一下web应用的路由,这一篇我会接着上一篇分享一些例子。 简单的路由示例 一个最简单的网站结构是首页和几个独立的二级页面,假如我们有三个独立的二级...
  • 首先推荐安装 5.2.0版本以上的npm,没有的也可以先去更新一下npm,然后输入git bash输入代码npx create-react-app my-app效果如上,接下来等一会儿安装完成后:cd my-app npm start就能启动你的项目了...
  • react-cli创建React项目

    2019-06-10 21:59:59
    下面就是快速创建生成react项目,利用脚手架工具,简单,快捷。 1:安装react-cli脚手架 npm install -g build-react 复制代码2: 使用脚手架搭建项目 build-react init my-react 复制代码会出来一些问题,比如:...
  • 搭建Typescript+React项目模板(1) --- 项目初始化搭建 Typescript+React 项目模板 (2) --- 提升开发体验搭建 Typescript+React 项目模板 (3) --- 整理项目和杂项搭建 Typescript+React 项目模板 (4) --- 项目打包...
1 2 3 4 5 ... 20
收藏数 51,403
精华内容 20,561