1. 程式人生 > >react和vue項目快速搭建

react和vue項目快速搭建

命令行 all eat div init 創建 try 快速搭建 bpa

react項目快速搭建

  1.安裝node環境:

    下載地址:https://nodejs.org/zh-cn/download/

  2.打開終端

  3.安裝yarn或者cnpm, 這裏以cnpm 為例,輸入命令行:

    npm install cnpm -g --registry=http://registry.npm.taobao.org

  4.安裝create-react-app,輸入命令行:

    cnpm install -g create-react-app

    說明:這裏安裝在全局中,安裝一次就可以了。

  5.創建react項目,輸入命令行:

    create-react-app 項目名

  6.進入項目所在文件夾,輸入命令行:

    cd my-app

7.運行項目,輸入命令行:

    cnpm start

  8.打包,輸入命令行:

    cnpm run build

vue項目快速搭建

  

  1.安裝node環境:

    下載地址:https://nodejs.org/zh-cn/download/

  2.打開終端

  3.安裝yarn或者cnpm, 這裏以cnpm 為例,輸入命令行:

    npm install cnpm -g --registry=http://registry.npm.taobao.org

  4.安裝vue-cli,輸入命令行:

    cnpm i -g vue-cli

  5.初始化vue項目,輸入命令行:

     vue init webpack 項目名

6.進入項目所在文件夾,輸入命令行:

      cd 項目名

  7.安裝項目依賴包,輸入命令行:

      cnpm i

  8. 運行項目,輸入命令行:

       cnpm run dev

  9. 打包,輸入命令行:

      cnpm run build

備註

  1.mac 用戶在搭建的時候,要在最前面加上 sudo, password為登陸密碼。

  2.退出或者終止進程:

        Mac: control+z

windows: ctrl+c

    

react和vue項目快速搭建